# Geometric heads + humanist text — type pairing recipe

## The idea

- A clean geometric sans gives headings order and poise, and a humanist sans with calligraphic warmth keeps the reading side human.

## Use it for

- Architecture and interior studios
- Wellness and health services
- Education and course sites

## Avoid it when

- The site needs a loud, expressive voice
- Body text is set very small on screen

## The faces

- Headings: Jost, weights 500, 600 (self-hosted from @fontsource/jost)
- Body: Alegreya Sans, weights 400, 500 (self-hosted from @fontsource/alegreya-sans)

## Scale and rhythm

- Scale: 16px, 18px, 22px, 28px, 38px, 52px
- Line height: 1.2 for headings, 1.65 for body text

## Principles

- Use the geometric face for headings and navigation
- Let the humanist face carry paragraphs, quotes and captions
- Keep heading weights moderate; the geometry gives enough presence
- Use plenty of letter spacing for small geometric labels
- Keep body text at 18 px or more; the humanist face has a small x-height