Typography
The type scale as components: headings, body, caption, overline. One voice, eight registers.
Scale
Section heading
Body text for paragraphs and descriptions.
Small supporting text.
Caption for metadata.Overline for eyebrows
<Typography variant="h2">Section heading</Typography>
<Typography variant="body">Body text...</Typography>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | h1 | h2 | h3 | h4 | body | body-sm | caption | overline | body | Scale step (maps to real elements). |
muted | boolean | false | Secondary tone. |
align | start | center | end | start | Text alignment. |
Accessibility
- Variants render their real elements: h2 is an h2, not a styled div.
- Keep one h1 per page; reach for h2 here.