---
category: Foundations
---

Three levels in Archivo at `--weight-body` (400) — never bold — with
`--track-display` (−0.02em): 1 is the hero at `--t-hero` (86px, and 40px at 390 where
the tracking tightens to −0.04em), 2 is the section at `--t-section` (60px), 3 a card
title at `--t-card` (32px).

The display is loud because it is large, not because it is heavy.

```tsx
<Heading level={1}>Web design for SaaS</Heading>
```