Discover · Developer tools

Neon

A dark page, one green accent, set in Inter and GeistMono.

neon.com
The home page of Neon

The home page on 6 November 2026. Sites change; ask plagio for today's.

Colours

Each role is picked from where the colour is used and how much of the page it covers.

  • Background#000000

    What the page itself is painted on, 27% of painted area, 2 links, 5.6% of colour uses.

  • Surface#18191b

    The next neutral background, close in lightness to the page, 13% of painted area, 1 button, 0.3% of colour uses.

  • Text#ffffff

    The strongest colour carrying body text, 21:1 on the background, 15 links, 23% of colour uses.

  • Muted text#94979e

    Secondary text, 7.18:1 on the background, 25 links, 21% of colour uses.

  • Accent#34d59a

    The most colourful colour in use (chroma 0.63), 1 button, 0.2% of colour uses.

  • Border#303236

    A faint neutral line, 1.64:1 on the background, 1 button, 5.3% of colour uses.

Also in use

  • #e4f1eb
  • #cddfd7
  • #0d221a
  • #797d86
  • #c9cbcf
  • #61646b

Type

Inter, GeistMono. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaGeistMono128px400128px-5.12px
AaInter98px40098px-1.96px
AaInter80px40080px-1.6px
AaInter72px40072px-2.88px
AaInter64px40064px-2.56px
AaInter56px40063px-2.24px
AaInter44px40049.5px-1.76px

Use Neon's system on your site

Paste this into Claude Code, Cursor or any agent with plagio connected. It reads the site live, with spacing, radii, shadows and the states this page leaves out.

Use plagio's extract_brand on https://neon.com, then restyle my site with its colours, type scale and spacing. Keep my content, layout and logo; take the system, not Neon's copy.

More developer tools