Sans-serif typeface

Geist

Try your own text
Geist — Cozy lummox gives smart squid who asks for job pen.
Instant CSS
About this font

Geist is a sans-serif family with a broad range of weights and both normal and italic styles. Its flexible setup makes it suitable for work that needs clear text at different sizes, from compact interface labels to larger headings. The available variable format can also support more controlled adjustments where the design calls for them.

Best suited for: Use Geist for websites, applications, dashboards, documentation, and editorial layouts that benefit from a consistent sans-serif system. Lighter weights can help create restrained supporting text, while heavier settings can establish headings, navigation, or key calls to action. Its italic styles offer an additional option for emphasis and notes.

Design considerations: The nine weights provide room to build hierarchy without changing families. Keep regular text around the middle of the range for comfortable reading, then reserve the lightest and heaviest settings for specific display or interface roles. Italics can distinguish quoted material, annotations, or secondary emphasis. Test spacing and contrast at the actual sizes used.

Pairing guidance: Geist can work with a serif chosen for contrast in articles, reports, or longer-form content. For a quieter system, pair it with a neutral sans-serif that has a narrower width or simpler weight range, using the companion for labels or supporting copy. Match x-height, spacing, and overall density before assigning roles, and use italic styles consistently.

Font pairing ideas

Fonts that pair well with Geist

Explore complementary typefaces for headings, body copy, accents, and interface text.

Gupter
Aa
Serif · 3 weights
Blaka
Aa
Display · 1 weight
Ancizar Serif
Aa
Serif · 7 weights
Bungee Spice
Aa
Display · 1 weight
Bagnard
Aa
Serif · 1 weight