A near-black, almost monochrome system carried by a single near-white ink, structured with 1px hairlines instead of shadows, and accented by one electric blue — set in Vercel's own Geist typeface with Geist Mono for technical eyebrows.
Set in Geist — Vercel's own open-source grotesque — with Geist Mono for eyebrows and labels. Hierarchy is built through size and tight negative tracking far more than weight; the display tiers run a punishing −0.06em.
Cards rarely take a fill — they sit on the canvas and are drawn by a single 1px ring, lifting to a brighter white-alpha ring only on hover.
Built on a 4px base unit (--geist-space); 24px is the default column and section gutter.
A small, tight radius family — 6px is the workhorse default; the full pill handles CTAs, tags, and avatars.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single column; fluid clamp() type scales the 64px display down; CTAs go full-width. |
| Tablet | 768–1023px | Two-column grids; primary nav condenses to a menu. |
| Laptop | 1024–1279px | Three- and four-column grids; content held within the 1400px max width. |
| Desktop | ≥ 1280px | Full 1400px canvas with 24px margins; hero gives one object the centre. |
Token-first responsiveness. Type and spacing interpolate continuously via clamp()-based --text-fluid-* and --spacing-fluid-* variables, so sizes glide between breakpoints rather than snapping — there are very few hard layout jumps.
Vercel's real plan structure, rendered in the system's own tokens — the featured tier flips to the inverted white surface.
A deployments list — dense rows, hairline dividers, monospace IDs, and pill status chips.
| ID | Project | Environment | Status | When |
|---|---|---|---|---|
| dpl_9f2a4c | acme-store | Production | Ready | 2m ago |
| dpl_7b1e88 | docs-site | Production | Ready | 14m ago |
| dpl_2c9d10 | api-edge | Preview | Building | just now |
| dpl_55a3f7 | marketing | Preview | Ready | 1h ago |
| dpl_0e84bb | dashboard | Production | Queued | 3h ago |
Sign-in surfaces use the same ringed cards, monospace labels, and the inverted primary button.