01 Foundations · 04

Typography

Two voices. Loretta speaks; Geist works.

Loretta — editorial only

Light 300, reserved for brand statements, heroes, section covers, marketing moments. Never in controls, tables, forms, or data. Letter-spacing −0.025em.

Intelligent presence.

Loretta Light · tracking −25 · editorial moments only

Geist — every interface, exclusively

The only typeface in product UI. Three weights: Light 300, Regular 400, Medium 500. Semibold and bold are prohibited — hierarchy comes from size and tone, not weight. Letter-spacing −0.01em.

Your agent resolved 336 conversations today.

Geist Regular · tracking −10 · the working voice

1,204

Geist Light at display sizes — how data speaks

JetBrains Mono — the precision voice

Numbers in tables, identifiers, timestamps, axis labels, code.

agent_cx · 14:32:08 · 336/500

JetBrains Mono · meta, ids, and time

Casing

Sentence case everywhere. Never all-caps headlines. Tiny uppercase tracked labels are permitted for meta labels only.

Scale

The interface scale, in pixels with matched line-heights:

Token	Size / line	Use
xs	12 / 16	captions
sm	14 / 20	small text, table cells
base	16 / 24	body
lg–xl	18–20 / 28	emphasized body
2xl–3xl	24–30 / 32–36	section titles
4xl–5xl	36–48 / 40–52	stat values, page titles
6xl–7xl	60–72 / 64–76	heroes

Print

Loretta 70–90pt and Geist 50–90pt may combine in print for editorial contrast. On screen: Geist only.