Design System
Gallery

Confident, engineering-focused database platform with monochrome type, a single crisp blue accent, and generous whitespace.

The world’s fastest and most scalable cloud databases

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 planetscale.mdthen, in your project:
$ npm i -g @getcoherent/cli
$ coherent import design planetscale.md

Colour

#0b6ec5
brand · a text
#fafafa
background · page background
#111111
background · button-primary background
#414141
text · body text
#000000
text · h1 text

Typography

Families: ui-monospace · SFMono-Regular · SF Mono · Menlo

body16pxw400/24px

Spacing

8px16px24px40px48px80px

Radius

0px
9999px

Gradients

linearlinear-gradient(0deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)
linearlinear-gradient(90deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)
linearlinear-gradient(rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)
linearlinear-gradient(270deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)

Borders

1px solid #414141

Motion

150mscubic-bezier(0.4, 0, 0.2, 1)all
150mscubic-bezier(0.4, 0, 0.2, 1)color

Surfaces

#fafafa
page

Layout

Breakpoints
md · 640pxlg · 1024pxxl · 1280px
Container widths
1280px
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 planetscale.md to your device

Open it on your desktop to run the CLI.