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