---
source: gallery_vercel
---

# vercel.com — Atmosphere

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

> Extracted by [Coherent](https://getcoherent.design) from `https://vercel.com` on 2026-07-20 00:30:44 UTC.
> Mode: `light` · captured in 4410ms · density: `spacious`

<!-- coherent-extract: v1 -->

## Hero

**Detected via:** `h1` (64px)

> Agentic Infrastructure

## Color

| Token | Hex | Role | Usage |
|-------|-----|------|-------|
| `#171717` | ![#171717](https://placehold.co/16x16/171717/171717.png) | brand | body text |
| `#4d4d4d` | ![#4d4d4d](https://placehold.co/16x16/4d4d4d/4d4d4d.png) | text | h5 text |
| `#8f8f8f` | ![#8f8f8f](https://placehold.co/16x16/8f8f8f/8f8f8f.png) | text | h3 text |
| `#171717` | ![#171717](https://placehold.co/16x16/171717/171717.png) | brand | a background |
| `#fafafa` | ![#fafafa](https://placehold.co/16x16/fafafa/fafafa.png) | background | body background |
| `#4d4d4d` | ![#4d4d4d](https://placehold.co/16x16/4d4d4d/4d4d4d.png) | text | button-primary text |
| `#ffffff` | ![#ffffff](https://placehold.co/16x16/ffffff/ffffff.png) | text | a text |

### Backgrounds

- **page** — `#fafafa`

## Typography

**Font families**

- GeistSans
- GeistSans Fallback
- Geist Mono
- ui-monospace
- SFMono-Regular
- Menlo

**Scale**

| Role | Size | Weight | Line height | Family |
|------|------|--------|-------------|--------|
| h1 | `64px` | 400 | `64px` | GeistSans |
| h2 | `56px` | 450 | `56px` | GeistSans |
| body | `16px` | 400 | `24px` | GeistSans |

## Spacing

Scale: `4px` · `6px` · `8px` · `12px` · `24px` · `40px`

## Radius

Scale: `0px` · `6px`

## Motion

| Duration | Easing | Property |
|----------|--------|----------|
| `150ms` | `cubic-bezier(0.4, 0, 0.2, 1)` | color |
| `150ms` | `cubic-bezier(0.4, 0, 0.2, 1)` | all |

## Breakpoints

Strategy: `desktop-first`

| Name | Min/Max width |
|------|---------------|
| sm | `370px` |
| md | `500px` |
| lg | `769px` |
| xl | `1036px` |

## Container widths

- **body** (unspecified) — `1440px`
- **h2** (unspecified) — `673.343px`
- **p** (prose) — `401px`
- **a** (unspecified) — `100%`
- **footer** (unspecified) — `1448px`

## Voice

Tone: `confident` · `technical` · `minimal` · `autonomous`

- *(hero)* "Agentic Infrastructure"
- *(meta-description)* "The autonomous stack for every app and agent."
- *(body)* "Build agents on infrastructure that thinks like them"
- *(body)* "To ship apps and agentsFor coding agentsFor coding agents to ship apps and agents automated by agents."


---
Captured deterministically from computed CSS. Numerical fields (color, motion, spacing) reflect the live site at extraction time.