# Bold grotesk + plain sans — type pairing recipe

## The idea
- Two sans-serifs that differ in character, not category: a quirky, squared-off grotesk for headings over a soft, plain sans for reading.

## Use it for
- Software product pages
- Start-up landing pages
- Developer tool documentation home pages

## Avoid it when
- The brand needs warmth or tradition
- The audience expects a formal, institutional tone

## The faces
- Headings: Space Grotesk (@fontsource/space-grotesk), weights 700
- Body: DM Sans (@fontsource/dm-sans), weights 400 and 500

## Scale and rhythm
- Scale: 14px, 16px, 18px, 24px, 32px, 48px, 64px
- Heading line height: 1.05
- Body line height: 1.55

## Principles
- Let the heading face carry the personality; keep the body face plain and never mix their roles.
- Set large headings with slightly negative letter spacing so the squared shapes read as one block.
- Use the medium body weight for buttons and labels instead of reaching for the heading face.
- Keep one accent of contrast: size, not extra weights, separates heading levels.