Neon

Dark, developer-focused Postgres platform with a vivid neon-green signature accent and clean sans-serif type.

Neon is the Postgres backenddesigned for apps and agents.

What Coherent builds from this

generated · not Neon's site

An original page Coherent generated from Neon's tokens — its palette, type, and shape applied to fresh content. This is the output, not a screenshot of Neon.

generated-with-coherent · neon

A landing page generated by Coherent from Neon's design tokens

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download neon.mdthen, in your project:

$ npm i -g @getcoherent/cli
$ coherent import design neon.md

Colour

#34d59a

brand · button-secondary background

#e4f1eb

background · button-primary background

#ffffff

text · body text

#000000

text · button-secondary text

#131415

text · button-primary text

#797d86

neutral · h2 text

Typography

Families: Inter · Inter Fallback · ui-sans-serif · system-ui

display72pxw400/81px

h148pxw400/54px

h244pxw400/49.5px

h340pxw400/45px

body20pxw400/27.5px

small18pxw500/18px

Spacing

10px12px16px20px28px

Radius

0px

4px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, lab(100 -0.0000298023 0.0000119209 / 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.4) 0px 8px 20px 0px

Gradients

linearlinear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%)

linearlinear-gradient(90deg, rgba(57, 165, 125, 0.6) 50%, rgba(0, 0, 0, 0) 50%)

Borders

1px solid #18191b

1px solid #61646b

1px solid #303236

Motion

200mscubic-bezier(0.4, 0, 0.2, 1)color

Surfaces

#000000

page

Layout

Breakpoints

sm · 413pxmd · 767pxlg · 1023pxxl · 1279px

Container widths

1120px

z-index ladder

1102030502147483647

Extracted from live CSS by Coherent (dark mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.

Save neon.md to your device

Open it on your desktop to run the CLI.