Typography — Design Validation
Font: font-sans (Plus Jakarta Sans)
| Level | Class | Size / Line | Usage | Sample |
|---|---|---|---|---|
| Display | text-5xl |
48 / 48 | Hero title | The quick brown fox |
| H1 | text-3xl |
30 / 36 | Page titles | The quick brown fox |
| H2 | text-2xl |
24 / 32 | Section title | The quick brown fox |
| H3 | text-xl |
20 / 28 | Sub-Section | The quick brown fox |
| Body | text-base |
16 / 18 | Paragraphs | The quick brown fox jumps over the lazy dog. |
| Small | text-sm |
14 / 18 | Paragraphs | The quick brown fox jumps over the lazy dog. |
| Caption | text-xs |
12 / 14 | Labels | The quick brown fox jumps over the lazy dog. |