Typography
Typefaces Used
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()"':;,.
Mallory Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()"':;,.
Mallory Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()"':;,.
Mallory Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()"':;,.
Mallory Book Italic
Type Scale
The type scale represents all of the different type sizes and corresponding line heights used in the system. The sizes are meant to be far enough apart to create a distinct hierarchy with as few values as possible. Type can be further enhanced using type utilities to change the weight, color and other properties.
Learn from the web’s leading experts.
$font-size-1 (36px/40px)
Learn from the web’s leading experts.
$font-size-2 (18px/24px)
Learn from the web’s leading experts.
$font-size-3 (16px/24px)
Learn from the web’s leading experts.
$font-size-4 (14px/20px)
Learn from the web’s leading experts.
$font-size-5 (12px/18px)
Font Weights
| Font | Weight | Usage |
|---|---|---|
| Mallory Book | 400 | Body text |
| Mallory Book Italic | 400 | Emphasized body text |
| Mallory Medium | 500 | Bold text, input labels, links |
| Mallory Bold | 600 | Large Headings |