Typography

Geist Variable with tight tracking throughout — 15px body, semibold headings. Geist Mono carries every numeric and code detail.

Type scale

Geist Variable

--font-sans · −0.011em

Display

Agents that work while you sleep

32 / 600 / −2%

Title

Agents that work while you sleep

24 / 600 / −1.5%

Heading

Agents that work while you sleep

19 / 600 / −1%

Body large

Agents that work while you sleep

17 / 500

Body

Agents that work while you sleep

15 / 400

Caption

Agents that work while you sleep

13 / 500 · muted

Geist Mono handles code blocks, token names, specs and any figure that needs to align in a column.

Geist Mono Variable

--font-mono

Code

const agent = await run(id)

Token

--shadow-card · --radius-xl

Figures

1,204 · 863 · 97 · 2,540

Geist Variable for both body and headings (--font-heading aliases --font-sans); Geist Mono for code, tokens and specs (--font-mono).
Body copy is 0.9375rem (15px) with −0.011em tracking, set globally on body.
Headings tighten to −0.02em and use font-semibold, never bold.
Numbers in tables and stats use tabular-nums so columns align.

Pesto UI · 117 documented components