# Tech grotesk + neutral sans — type pairing recipe

## The idea

- Two sans serifs with different characters: a quirky, technical grotesk for headings and a neutral workhorse for text, so the page feels engineered but stays easy to read.

## Use it for

- Software products and dashboards
- Developer tools and documentation
- Start-up landing pages

## Avoid it when

- The brand is traditional or heritage-led
- The content is long literary prose

## The faces

- Headings: Space Grotesk, weights 500, 700 (self-hosted from @fontsource/space-grotesk)
- Body: Inter, weights 400, 500 (self-hosted from @fontsource/inter)

## Scale and rhythm

- Scale: 13px, 15px, 18px, 24px, 32px, 44px, 60px
- Line height: 1.15 for headings, 1.55 for body text

## Principles

- Contrast the two sans faces through weight and size, not colour alone
- Use the grotesk for headings, numbers and key figures
- Keep body text in the neutral sans at a regular weight
- Avoid mixing the two inside one line
- Use tabular figures in the body face for data