Sans-serif typeface

Darker Grotesque

Try your own text
Darker Grotesque — Bright stars shimmer above the quiet harbor.
Instant CSS
About this font

Darker Grotesque is a sans-serif font with a broad range of weights, from light to black. Its single normal style keeps the system focused, while the variable format allows more flexible control across the available weight range. It may suit layouts that need clear hierarchy with a contemporary, substantial feel.

Best suited for: Use it for display headings, posters, event graphics, navigation, labels, and short interface text where weight changes can help organize information. Lighter settings may work for larger text and open layouts, while heavier settings can give titles, calls to action, or compact labels more visual emphasis.

Design considerations: The seven weights make it possible to create contrast without changing typefaces. Use 300 or 400 for a lighter impression, 500 or 600 for supporting text and subheads, and 700–900 when a stronger, more prominent setting is needed. Because only the normal style is listed, build variation through size, spacing, and weight rather than italics.

Pairing guidance: For a balanced system, pair Darker Grotesque with a restrained serif for editorial contrast, or with a quieter sans-serif for longer reading passages. Keep the companion font less forceful so headings remain distinct. A family with multiple text-friendly weights can also help support hierarchy while preserving a consistent overall structure.

Font pairing ideas

Fonts that pair well with Darker Grotesque

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

Cormorant Garamond
Aa
Serif · 5 weights
Big Shoulders Inline
Aa
Display · 9 weights
DM Serif Text
Aa
Serif · 1 weight
Bitcount Prop Single
Aa
Display · 9 weights
Gentium Book Basic
Aa
Serif · 2 weights