Mono lead + humanist text
A monospaced face leads the page with the honest, typed feel of code and notes, and a warm sans carries the text so it stays comfortable to read.
See it live
Space Mono for headings and Manrope for text, set at the pairing's own sizes and line heights. The sample text is written for this explorer.
log: week 14, the parser finally behaves
After three false starts the parser now handles nested lists, odd whitespace and the empty file. Tests went from 40 to 212, and the slowest case runs in four milliseconds. Next up: friendlier error messages.
400 log: week 14, the parser finally behaves
700 log: week 14, the parser finally behaves
Self-hosted from the @fontsource/space-mono package.
400 After three false starts the parser now handles nested lists, odd whitespace and the empty file.
600 After three false starts the parser now handles nested lists, odd whitespace and the empty file.
Self-hosted from the @fontsource/manrope package.
- 42pxlog: week 14, the parser finally behaves
- 30pxlog: week 14, the parser finally behaves
- 22pxlog: week 14, the parser finally behaves
- 18pxlog: week 14, the parser finally behaves
- 15pxlog: week 14, the parser finally behaves
- 13pxlog: week 14, the parser finally behaves
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
- Developer portfolios and changelogs
- Research notes and lab journals
- Indie software and small tools
Avoid it when
- The audience expects a soft, consumer tone
- Headings must fit very narrow columns
Principles
The rules that keep the two faces working as one.
- Use the mono for headings, labels, numbers and code
- Keep monospaced headings short; they run wide
- Set body copy in the sans, never long paragraphs in mono
- Use the mono in small caps-like uppercase for section labels
- Align code and figures on a grid the mono makes easy