Typography
Milo Serif OT for editorial warmth, Outfit for clean UI. Two typefaces, one cohesive system.
Typefaces
Milo Serif OT
Milo Serif OT · Serif
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- headings
- Medium (500) for h1–h4
- display
- Bold (700) or ExtraBold (800) for hero headlines
- body
- Regular (400) for pull quotes and editorial text
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- headings
- Medium (500) for h5–h6
- body
- Regular (400) for paragraphs and long-form
- ui
- Medium (500) for buttons, labels, navigation
- captions
- Regular (400) at smaller sizes
Type Scale
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog