---
category: Foundations
---

The type ramp made visible. Workbench runs a compact scale, so a heading is
the one place the density is negotiable: `1` is the page title (28px), `2` a
section (20px), `3` a card title (15px). There is no level 4 — a product screen
that needs a fourth rung is really two screens. Headings balance their wrap and
never carry a display or serif face; this is a workbench, not a brand page.

```tsx
<Heading level={1}>Ingest pipeline</Heading>
<Heading level={2}>Recent runs</Heading>
```