# Geometric heading + humanist body — type pairing recipe

## The idea
- Circle-and-line geometric headings feel modern and orderly, and a humanist body with pen-shaped curves restores the warmth and legibility geometry lacks at small sizes.

## Use it for
- Architecture and interior studios
- Public service information
- Education and course pages

## Avoid it when
- The brand voice is playful or handmade
- Everything must feel strictly mechanical

## The faces
- Headings: Jost (@fontsource/jost), weights 600
- Body: Source Sans 3 (@fontsource/source-sans-3), weights 400 and 600

## Scale and rhythm
- Scale: 14px, 16px, 19px, 24px, 32px, 44px, 60px
- Heading line height: 1.15
- Body line height: 1.6

## Principles
- Let the geometric face set the structure: headings, navigation and big numbers.
- Let the humanist face do all reading, including captions and form help text.
- Match x-heights by eye: set the body a pixel or two larger if it looks smaller than the headings.
- Use generous, even spacing that echoes the geometric shapes of the heading face.