neon.com
Serverless Postgres with a dark, neon-green developer brand. neon.com's landing page is built with Three.js and set in Inter, GeistMono. Its palette centers on #303236, #94979E, #C9CBCF.
Visit neon.com ↗
Analyze it yourself →
Color palette
What we detected
| Detected animation / 3D libraries | Three.js |
|---|---|
| Fonts | Inter, GeistMono |
| Mobile-ready | Yes (viewport meta present) |
| Structured data (JSON-LD) | Present |
| Social profiles linked | X / Twitter, LinkedIn, YouTube, GitHub |
| Images on landing page | 94 |
| Links on landing page | 79 |
| Load time (our browser) | 0.6s |
Use this palette as CSS variables
:root {
--neon-color-1: #303236;
--neon-color-2: #94979E;
--neon-color-3: #C9CBCF;
--neon-color-4: #AFB1B6;
--neon-color-5: #61646B;
--neon-color-6: #34D59A;
--neon-font: "Inter", system-ui, sans-serif;
}Rebuild something in this style with Claude
Paste this into Claude Code, Claude, ChatGPT or Cursor with Enrichr connected. It borrows the system, not the content: your copy, your brand, neon.com's rhythm.
Use Enrichr to extract the design system from https://neon.com.
Write tokens.css from the captured values (palette, type scale,
spacing, radii, easings), then build a hero in that style using
my own copy. List anything you had to guess.neon.com design FAQ
What font does neon.com use?
neon.com's landing page loads Inter, GeistMono. A font you can see on a site is licensed to that site, so check the foundry's terms or pick a free alternative before using it yourself.
What colors does neon.com use?
The most used colors on neon.com's landing page are #303236, #94979E, #C9CBCF, #AFB1B6, #61646B, #34D59A, ranked by how often they appear in the rendered page.
Does neon.com use GSAP, Three.js or another animation library?
Yes. We detected Three.js running on the landing page.
How do I get neon.com's full design system?
Connect Enrichr to Claude, ChatGPT or Cursor and ask for the design system of https://neon.com. It captures the rendered page and returns the full token set (type scale, spacing, radii, easings) plus animation timings and any WebGL shaders.
Try it free — 25 credits a month →
More from the gallery
oryzo.aigithub.comcloudflare.comraycast.com
Captured 2026-10-14 from the site's public landing page. Only publicly observable information is shown, and it can change as the site does. All names and trademarks belong to their owners; Enrichr is not affiliated with neon.com.