735 B
735 B
| 1 | content_type | primary_size | secondary_size | accent_size | weight_contrast | letter_spacing | line_height |
|---|---|---|---|---|---|---|---|
| 2 | hero-statement | 120px | 32px | 14px | 700-400 | tight | 1.0 |
| 3 | metric-callout | 96px | 18px | 12px | 700-500 | normal | 1.1 |
| 4 | feature-grid | 28px | 16px | 12px | 600-400 | normal | 1.4 |
| 5 | quote-block | 36px | 18px | 14px | 400-italic | loose | 1.5 |
| 6 | data-insight | 48px | 20px | 14px | 700-400 | normal | 1.2 |
| 7 | cta-action | 64px | 24px | 16px | 700-500 | tight | 1.1 |
| 8 | title-only | 80px | 24px | 14px | 700-400 | tight | 1.0 |
| 9 | subtitle-heavy | 56px | 28px | 16px | 600-400 | normal | 1.2 |
| 10 | body-focus | 24px | 18px | 14px | 500-400 | normal | 1.6 |
| 11 | comparison | 32px | 16px | 12px | 600-400 | normal | 1.3 |
| 12 | timeline | 28px | 16px | 12px | 500-400 | normal | 1.4 |
| 13 | pricing | 48px | 20px | 14px | 700-500 | normal | 1.2 |
| 14 | team | 24px | 16px | 14px | 600-400 | normal | 1.4 |
| 15 | testimonial | 32px | 20px | 14px | 400-italic | loose | 1.5 |