Typeface
Two voices, two jobs. Geist Serif carries every headline at minus three percent, with one italic word where the line earns it. Geist does everything else, from buttons to captions. Nothing in between: a line is either the serif moment or quiet sans.
Primary
Geist Serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
a
Regular
Secondary
Geist
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Classification
Neo-grotesque
a
Regular
a
Medium
Try it
Set anything in Clash Grotesk. Change the size and weight to see how it behaves at every scale.
Size
Sphinx of black quartz, judge my vow.
Hierarchy
Hierarchy tells people what to read first. Two sizes do the work: the serif display moment and the quiet sans label, both in Plum, set tight and close to the edges. Use these steps and nothing in between.
DisplayGeist Serif·Regular64pxLeading1Tracking−3%
Say the big thing
HeadingGeist Serif·Regular40pxLeading1.1Tracking−3%
A headline that leads the page
SubheadingGeist·Medium24pxLeading1.25Tracking0%
A subheading sets up what follows
BodyGeist·Regular16pxLeading1.4Tracking0%
Body text is for reading. Keep it at a comfortable size with generous spacing, and let the headings above it do the shouting.
CaptionGeist·Regular12pxLeading1.4Tracking1%
Captions, labels and small print
Updated Nov 07, 2026