---
category: Foundations
---

The type ramp made visible, and the place this pack is most itself: Fraunces,
optical and tracked in at `-0.02…-0.03em`, sized with `clamp` so level `1`
runs oversized on a wide page and stays readable on a phone. `2` is a section
title, `3` a card or block title. There is no level 4 — three families and
three rungs are the whole hierarchy, and anything below rung three is body
copy in Newsreader. Headings inherit their ink from the surface they sit on,
so the same element is espresso-on-cream in one section and cream-on-espresso
in the next without a prop changing.

```tsx
<Eyebrow tone="accent">Field report</Eyebrow>
<Heading level={1}>The competitor teardown, assembled overnight</Heading>
<Heading level={2}>What the pipeline found</Heading>
```