| Element name | Size | Line height | Letter spacing | Paragraph spacing | Example |
|---|---|---|---|---|---|
| H1 | 48px | 72px | 0 | 0 |
The quick brown fox jumps over the lazy dog 1234 |
| H2 | 40px | 60px | 0 | 0 |
The quick brown fox jumps over the lazy dog 1234 |
| H3 | 32px | 48px | 0 | 0 |
The quick brown fox jumps over the lazy dog 1234 |
| H4 | 24px | 36px | 0 | 0 |
The quick brown fox jumps over the lazy dog 1234 |
| H5 | 20px | 30px | 0 | 0 |
The quick brown fox jumps over the lazy dog 1234 |
| H6 | 16px | 24px | 0 | 0 |
The quick brown fox jumps over the lazy dog 1234 |
| Font size class | Size | Line height | Letter spacing | Paragraph spacing | Example |
|---|---|---|---|---|---|
| .font-x-large | 24px | 36px | 0 | 0 | The quick brown fox jumps over the lazy dog 1234 |
| .font-large | 20px | 30px | 0 | 0 | The quick brown fox jumps over the lazy dog 1234 |
| (no class) | 16px | 24px | 0 | 0 | The quick brown fox jumps over the lazy dog 1234 |
| .font-small | 12px | 18px | 0 | 0 | The quick brown fox jumps over the lazy dog 1234 |