Vercel

vercel.com ↗

Monochrome, engineering-grade dark/light palette with large confident type and generous whitespace for an autonomous infrastructure platform.

Agentic Infrastructure

What Coherent builds from this

generated · not Vercel's site

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

generated-with-coherent · vercel

A landing page generated by Coherent from Vercel'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 vercel.mdthen, in your project:

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

Colour

#171717

brand · body text

#fafafa

background · body background

#4d4d4d

text · h5 text

#8f8f8f

text · h3 text

#ffffff

text · a text

Typography

Families: GeistSans · GeistSans Fallback · Geist Mono · ui-monospace

h164pxw400/64px

h256pxw450/56px

body16pxw400/24px

Spacing

4px6px8px12px24px40px

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 vercel.md to your device

Open it on your desktop to run the CLI.