Typography
A fixed scale, not infinite options. Inter (system-ui fallback) for UI, monospace for code. Pick from these steps and weights — nothing in between.
Type scale
text-4xl
2.25rem / 36px
The quick brown fox
text-3xl
1.875rem / 30px
The quick brown fox
text-2xl
1.5rem / 24px
The quick brown fox
text-xl
1.25rem / 20px
The quick brown fox
text-lg
1.125rem / 18px
The quick brown fox
text-base
1rem / 16px
The quick brown fox
text-sm
0.875rem / 14px
The quick brown fox
text-xs
0.75rem / 12px
The quick brown fox
Weights
font-normal
Aa Bb Cc 0123
body copy
font-medium
Aa Bb Cc 0123
UI labels, nav, buttons
font-semibold
Aa Bb Cc 0123
card titles, emphasis
font-bold
Aa Bb Cc 0123
page titles only
Text colors
--color-text — primary content, headings
--color-text-muted — descriptions, secondary copy
--color-text-subtle — meta, placeholders, timestamps
--color-accent — links and interactive text
--font-mono · SF Mono / Cascadia — code, tokens, IDs