Geometric heads + humanist text
A clean geometric sans gives headings order and poise, and a humanist sans with calligraphic warmth keeps the reading side human.
See it live
Jost for headings and Alegreya Sans for text, set at the pairing's own sizes and line heights. The sample text is written for this explorer.
Rooms that let the light do the work
We start every home with a walk at different hours of the day, noting where the sun lands and where it never reaches. The plan follows from there: fewer walls, deeper sills, and one quiet corner for reading.
500 Rooms that let the light do the work
600 Rooms that let the light do the work
Self-hosted from the @fontsource/jost package.
400 We start every home with a walk at different hours of the day, noting where the sun lands and where it never reaches.
500 We start every home with a walk at different hours of the day, noting where the sun lands and where it never reaches.
Self-hosted from the @fontsource/alegreya-sans package.
- 52pxRooms that let the light do the work
- 38pxRooms that let the light do the work
- 28pxRooms that let the light do the work
- 22pxRooms that let the light do the work
- 18pxRooms that let the light do the work
- 16pxRooms that let the light do the work
Copy the idea
Take the pairing with you as a brief for a person, as instructions for an AI assistant, or as design tokens: the two faces, the scale and the rules for using them.
Where it fits
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
Principles
The rules that keep the two faces working as one.
- 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