Design System
Gallery

Developer-focused Postgres platform with a vivid neon-green brand accent against a stark black-and-white interface.

Neon is the Postgres backend, designed 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
#000000
background · button-secondary text
#e4f1eb
background · button-primary background
#ffffff
text · body text
#131415
text · button-primary text
#797d86
neutral · h2 text

Typography

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

h172pxw400/81px
h248pxw400/54px
body16pxw400/24px

Spacing

10px12px16px20px28px

Radius

0px
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.