| Display 1 | 72px / 4.5rem | 88px | Large heroes or banner titles |
| Display 2 | 64px / 4rem | 76px | Large banners or section titles a level below 1 |
| Display 3 | 56px / 3.5rem | 68px | Large banners or section titles a level below 2 |
| Header 1 | 48px / 3rem | 56px | .font-size-display |
| Header 2 | 40px | 1.25 | .font-size-display |
| Header 3 | 32px | 1.25 | .font-size-display |
| Header 4 | 24px | 1.25 | .font-size-display |
| Header 5 | 20px | 28px | .font-size-display |
| Header 6 | 16px | 1.25 | .font-size-display |
| Subtitle 1 | 24px | 1.25 | .font-size-display |
| Subtitle 2 | 16px / 1rem | 24px | .font-size-display |
| Body | 16px | 1.25 | .font-size-base |
| Body 3 | 14px / 0.875rem | 20 | Smaller body text. Recommended for high-density components and layouts. |
| Body Extra Small | 12px | 1.25 | .font-size-xs |