Fonts
Site elements generally take the primary font stack and editorial content usually uses the secondary stack. We use Google fonts, but self-host them as seen here.
Primary
Open Sans
Open Sans Italic
Open Sans Bold
Open Sans Bold Italic
Secondary
PT Serif
PT Serif Italic
PT Serif Bold
PT Serif Bold Italic
Scale
| Rem Value | Pixel Value | Sample |
|---|---|---|
| 3rem | 48px | Hello World |
| 2.5rem | 40px | Hello World |
| 2rem | 32px | Hello World |
| 1.75rem | 28px | Hello World |
| 1.5rem | 24px | Hello World |
| 1.2rem | 19.2px | Hello World |
| 1.1rem | 17.6px | Hello World |
| .92rem | 14.72px | Hello World |
| .85rem | 13.6px | Hello World |
| .7rem | 11.2px | Hello World |
| .55rem | 8.8px | Hello World |