Typography
Three families, one voice. Red Hat Display carries headings. Inter carries everything else. JetBrains Mono carries code.
Aa.
01 · Families
Three families, one voice
Red Hat Display anchors headings. Inter carries body and UI chrome. JetBrains Mono handles code — and doubles as the Hackerman theme's primary family.
Aa Bb
300400500600700800900
Aa Bb
100300400500600700800900
Aa Bb
100300400500600700800
02 · Scale
Fluid by default
All sizes are clamp()-based. Never hard-code a px size. Click any row
to copy its token to your clipboard.
03 · Weights
Seven steps, one system
Reach for the semantic weight: Regular for body, Medium for UI labels, Semibold for emphasis, Bold for headings. Skip everything in between unless you have a reason.
100
Thin
300
Light
400
Regular
500
Medium
600
Semibold
700
Bold
900
Black