Explore
Typography lab
Twelve type systems, each with a display, body and mono role. None default to Inter — Inter is a decision, not a fallback. Every face is OFL-licensed or a system stack.
Systems
12 setsInstrument Panel
OFLdisplayJetBrains Mono
bodyGeist
monoJetBrains Mono
- Scale
- 1.2 minor third, compact UI steps (12/13/15/18/24/32)
- Best for
- dev tools · TECHNICAL DENSE · TERMINAL · design tooling
- Avoid for
- editorial reading · luxury
technicalinstrumentprecise
Google Fonts selection Swiss Data
OFLdisplayArchivo
bodyArchivo
monoIBM Plex Mono
- Scale
- 1.25 major third; condensed display weights for headers
- Best for
- DATA INTELLIGENCE · analytics · monitoring
- Avoid for
- playful consumer
denseneutralgrotesk
Google Fonts selection Editorial Desk
OFLdisplayFraunces
bodySource Serif 4
monoIBM Plex Mono
- Scale
- 1.333 perfect fourth; generous display leaps
- Best for
- EDITORIAL · journals · long-form reading · travel
- Avoid for
- dense dashboards
editorialliterarywarm
Google Fonts selection Atmos Grotesk
OFLdisplaySora
bodyInstrument Sans
monoSpace Mono
- Scale
- 1.25; oversized hero clamps, small UI
- Best for
- ATMOSPHERIC · AI products · media tools
- Avoid for
- government/utility
atmosphericmoderncinematic
Google Fonts selection Playground
OFLdisplayBricolage Grotesque
bodyPlus Jakarta Sans
monoJetBrains Mono
- Scale
- 1.25; bouncy display sizes, roomy line-height
- Best for
- PLAYFUL · social games · MusicGuess-class products
- Avoid for
- fintech · intelligence
playfulwarmrounded
Google Fonts selection Maison
OFLdisplayCormorant Garamond
bodyJost
monoIBM Plex Mono
- Scale
- 1.414 augmented fourth; dramatic display, airy tracking on caps
- Best for
- LUXURY · premium brands · portfolio
- Avoid for
- dense tools · small UI text (display face only above 24px)
luxuryfashionhigh-contrast
Google Fonts selection Utility Stack
n/a (system fonts)displaysystem-ui
bodysystem-ui
monoui-monospace
- Scale
- 1.2; zero webfont cost
- Best for
- UTILITARIAN · internal tools · MVPs under load budgets
- Avoid for
- brand-led surfaces
utilitarianinvisiblefast
Pure Terminal
OFLdisplayIBM Plex Mono
bodyIBM Plex Mono
monoIBM Plex Mono
- Scale
- 1.2; single-family on purpose (the mono IS the design)
- Best for
- TERMINAL · log tooling · CLI companions
- Avoid for
- long-form prose
austerehackersingle-voice
Google Fonts selection Soft Humanist
OFLdisplayGabarito
bodyFigtree
monoJetBrains Mono
- Scale
- 1.25; friendly medium weights, no thin text
- Best for
- SOFT PRODUCTIVITY · personal command centers · wellness
- Avoid for
- austere technical brands
softapproachableclear
Google Fonts selection Scholar
OFLdisplayNewsreader
bodyNewsreader
monoIBM Plex Mono
- Scale
- 1.25; optical sizes leveraged (display cuts for headers)
- Best for
- RESEARCH · papers · knowledge bases
- Avoid for
- marketing splash
scholarlycitation-gradequiet
Google Fonts selection displayOnest
bodyOnest
monoJetBrains Mono
- Scale
- 1.2; 16px floor everywhere, tight vertical rhythm
- Best for
- MOBILE MINIMAL · PWAs · phone-first products
- Avoid for
- dense desktop workspaces
mobile-firstcompactmodern
Google Fonts selection Arcade
OFLdisplayChakra Petch
bodyInter Tight
monoSpace Mono
- Scale
- 1.333; angular display for scores/titles
- Best for
- GAMING · esports · score surfaces
- Avoid for
- calm productivity
gamingangularenergetic
Google Fonts selection