# Kicker

The tracked small-caps label that sits above things: a hero eyebrow, a tile label, a list group ("Today"), a form step — always in the muted face of whatever ground it is on.

```html
<p class="postie-kicker postie-kicker--lg">One inbox for every account</p>
<p class="postie-kicker"><span class="postie-kicker__dot"></span>Live</p>
<p class="postie-kicker postie-kicker--sm postie-kicker--row">Accounts<a class="postie-kicker__action" href="#">Manage</a></p>
```

**When.** `lg` once per page, as the hero eyebrow. `md` on tiles and form steps. `sm` on list groups and rail sections. Pass `action` when the section has one obvious link; it renders in the accent face at the far edge.

**Never.**
- Never a colour other than the muted face; the dot is the only accent a kicker may carry.
- Never body copy in a kicker (it is a label, ≤ 5 words) and never a full sentence with a full stop.
- Never lower the tracking below +0.12em or set it in Nunito 800 — it is Nunito Sans 700 (nunito-pair).
- Never de-emphasise with opacity; it is already the muted step of the ramp.