Screenshot of Neon

Neon

neon.tech

The reference for a pure-black developer-tool hero where a single electric green (#34d59a) waveform of light carries all the energy against #000000, with a giant near-lightweight Inter headline and a hard tension between pill CTAs (9999px) and sharp 4px corners everywhere else.

Data Infrastructure flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Inter
body
Inter
mono
GeistMono

Do / Don't

Reference it for

  • True #000000 background (not a soft charcoal) with #ffffff text for maximum terminal-grade contrast
  • One accent only: Neon Glow #34d59a, reserved for the logo mark and the code-like light-streak graphic, never spread across the UI
  • Huge Inter display headline near 80px at weight ~500 (light for its size), two lines, left-aligned in the lower-left third
  • Dark hero art as the hero: a green/cyan vertical-bar equaliser waveform bleeding into black, no photography
  • Pill-shaped CTAs (border-radius 9999px) paired with 4px-radius cards and inputs, a deliberate corner-language clash
  • Solid white primary CTA (Get started) beside an outlined ghost secondary (Read the docs), both pill
  • Tiny uppercase tracked-out endorsement line ('A DATABRICKS COMPANY') with a small mark, sitting above the headline
  • Monochrome logo wall (OUTFRONT, DoorDash, BCG, Retool, Meta, Bitso, Framer) desaturated to grey #797d86 on black

Do not copy

  • The NEON wordmark and bracket-N logo glyph
  • The exact Neon Glow #34d59a as your own brand accent
  • 'A Databricks Company' endorsement lockup
  • The customer logo set (DoorDash, Meta, Retool, Framer, etc.)
  • 'Fast Postgres Databases for Teams and Agents' headline wording
  • The GitHub star count and Discord chips in the nav