Design System
Gallery

Developer-focused Postgres platform with a signature mint-green brand accent against crisp black-and-white minimalism.

Build in a weekendScale to millions

What Coherent builds from this

generated · not Supabase's site

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

generated-with-coherent · supabase
A landing page generated by Coherent from Supabase'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 supabase.mdthen, in your project:
$ npm i -g @getcoherent/cli
$ coherent import design supabase.md

Colour

#72e3ad
brand · a background
#000000
text · page text

Typography

Families: Inter · Inter Fallback · system-ui · Helvetica Neue

h146pxw500/46px
h216pxw600/24px
h334pxw600/37.7778px
h615pxw600/22.5px
body16pxw450/24px

Spacing

8px16px32px

Radius

0px
6px
Extracted from live CSS by Coherent (light 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 supabase.md to your device

Open it on your desktop to run the CLI.