Scale

--text-xxs

The quick brown fox — Badges, captions

10px

--text-xs

The quick brown fox — Panel headers, status bar

11px

--text-sm

The quick brown fox — Tabs, buttons, inputs

12px

--text-base

The quick brown fox — Body default

13px

--text-md

The quick brown fox — Emphasis

14px

--text-lg

The quick brown fox — h4

16px

--text-xl

The quick brown fox — h3

20px

--text-2xl

The quick brown fox — h2

28px

--text-3xl

The quick brown fox — h1

44px

Headings

h1 through h4 use the display face (Inter) with progressively tighter tracking.

h1 · 44px · semibold · -0.03em

h2 · 28px · semibold · -0.02em

h3 · 20px · semibold · -0.015em

h4 · 16px · semibold

Mono

Code, metrics, IDs, tokens. JetBrains Mono at 12-13px.

const id = "kairoz-btn-primary"12,847 rows · 42.3 MB · 3.2s

Content tone

Sentence case everywhere. UPPERCASE is reserved for eyebrow labels and badges, always at 0.08em tracking.

Eyebrow label

Create project — sentence case for all copy.