Vercel
Vercel sets oversized GeistSans headlines with tight tracking on a light bone white canvas. Verdant (#297a3a) is reserved for actions, on buttons with 6px corners, while the rest of the page stays with graphite text and neutral surfaces. The most common corner radius is 3.35544e+07px, with 6px and 100% on smaller elements.
vercel.com ↗Colors
Verdant
#297a3a
Primary actions and links
Ash
#4d4d4d
Secondary accent and highlights
Bone White
#fafafa
Page canvas
Graphite
#171717
Headlines and body copy
Soft Bone White
#ffffff
Surface or divider
Silver Mist
#c9c9c9
Supporting colour
Soft Ash
#666666
Supporting colour
Type scale
Buttons
Style reference measured from the public page at vercel.com on 2026-10-12 for design education. Vercel and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Vercel — Style Reference > Vercel sets oversized GeistSans headlines with tight tracking on a light bone white canvas. Verdant (#297a3a) is reserved for actions, on buttons with 6px corners, while the rest of the page stays with graphite text and neutral surfaces. The most common corner radius is 3.35544e+07px, with 6px and 100% on smaller elements. **Theme:** light · **Source:** https://vercel.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Verdant | `#297a3a` | `--color-accent` | Primary actions and links | | Ash | `#4d4d4d` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#fafafa` | `--color-canvas` | Page canvas | | Graphite | `#171717` | `--color-ink` | Headlines and body copy | | Soft Bone White | `#ffffff` | `--color-surface-1` | Surface or divider | | Silver Mist | `#c9c9c9` | `--color-surface-2` | Supporting colour | | Soft Ash | `#666666` | `--color-surface-3` | Supporting colour | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Display | GeistSans | 64px | 400 | 1.00 | -0.060em | | Heading | GeistSans | 56px | 450 | 1.00 | -0.060em | | Body | GeistSans | 14px | 400 | 1.43 | 0 | | Nav | GeistSans | 14px | 400 | 1.43 | 0 | Font families on the page: GeistSans, Geist Mono. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 3.35544e+07px, 6px, 100%, 4px - Primary button: background `#ffffff`, text `#171717`, radius 6px, padding 0px 6px, 14px / 500
