Fonts
Makira and Paper Mono are the standard pair. Michelangelus, IBM Plex Mono, and Unbounded stay opt-in.
The SHAUGHV type system is two versatile families, not a headline font plus a body font. Use either one for titles, display, interfaces, body copy, or buttons. Paper Mono also gives code and data a precise grid.
Makira
Standard sans. Weights 400–900, static and variable.
Paper Mono
Standard mono. Weights 100–800, static and variable.
IBM Plex Mono
Optional quieter mono with italics.
Unbounded
Optional geometric display family.
Michelangelus
Optional serif. Regular, Italic, Bold, and Bold Italic.
Load the standard pair
<link rel="stylesheet" href="https://cdn.shaughv.com/fonts/fonts.css" />@import url("https://cdn.shaughv.com/fonts/fonts.css");That one file imports Makira and Paper Mono, plus Gail Rock for compatibility with existing sites. The live manifest records the preferred pair in fonts.all.defaults. It does not import Michelangelus, IBM Plex Mono, or Unbounded.
Family names
| Family | Status | CSS family names | Weights |
|---|---|---|---|
| Makira | Standard | "Makira", "Makira VF" |
400–900 |
| Paper Mono | Standard | "Paper Mono", "Paper Mono Variable" |
100–800 |
| Gail Rock | Compatibility | "Gail Rock", "Gail Rock VF" |
100–700 |
| Michelangelus | Opt-in | "Michelangelus" |
400 and 700, normal and italic |
| IBM Plex Mono | Opt-in | "IBM Plex Mono" |
100–700, italic |
| Unbounded | Opt-in | "Unbounded", "Unbounded Blond", "Unbounded Variable" |
300–900 + variable 100–900 |
Side by side
The same sentence in both standard voices:
Ready for the whole interface.
Clear at reading sizes, forceful at display sizes, and comfortable on controls.
Ready for the whole interface.
Expressive at display sizes, readable in body copy, and precise for code and data.
Recommended CSS variables
:root {
--font-makira: "Makira", system-ui, sans-serif;
--font-paper: "Paper Mono", ui-monospace, monospace;
--font-mono-alt: "IBM Plex Mono", ui-monospace, monospace;
--font-brutal: "Unbounded", system-ui, sans-serif;
}The family pages include live weight controls. Gail Rock also shows its alternate glyphs and display ligatures.
Same interface, two voices
The content and layout stay the same so you can compare titles, reading text, labels, data, and controls. Either family can carry the whole interface.
Your next idea starts here.
Bring clarity to the details. Build something useful, then give it a voice of its own.
- Assets
- Ready to use
- Delivery
- Global CDN
Your next idea starts here.
Bring clarity to the details. Build something useful, then give it a voice of its own.
- Assets
- Ready to use
- Delivery
- Global CDN
Try the standard families
Makira variable
Make the headline count. 0123456789
font-family: "Makira VF"; font-weight: 450;Paper Mono variable
Make the headline count. 0123456789
font-family: "Paper Mono Variable"; font-weight: 450;