Codecaine Community
Design system · Developer · SaaS
Vercel
A DESIGN.md reference for Vercel's public marketing surface
Open in Codecaine
No Codecaine yet? Get it free
Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine.
Vercel
About
A DESIGN.md reference for Vercel's public marketing surface — colour, type, spacing, radius, elevation and component tokens with the rules for using them. Unofficial and unaffiliated.
Designed for
- Developer platforms that need a monochrome system with a real dark theme
- Giving an assistant exact colour, type, radius and elevation tokens to build with
- Studying how a mature brand reduces its UI to a handful of rules
Details
- Version
- 1.0.0
- Updated
- Sep 25, 2026
- Fonts
- Geist Pixel Square, Geist Sans, Geist Mono
- License
- CC-BY-4.0
- Download
- 28 KB · 2 files
Keywords
developermonochromegeisthairlinesdark-modeblue
Palette
Every colour token in its DESIGN.md.
primary#0070F3
ink#171717
ink-black#000000
body#4D4D4D
muted#666666
muted-light#8F8F8F
muted-lighter#A8A8A8
muted-subtle#7D7D7D
surface#FFFFFF
surface-subtle#EBEBEB
hairline#EBEBEB
on-primary#FFFFFF
accent-pink#BD2864
accent-green#297A3A
accent-purple#7820BC
accent-blue#1D9BF0
danger-surface#FFE6E6
More design systems
© CodecainemacOS · Apple Silicon