# Badge

A quiet pill for a count or a short label — tonal by default, accent only for the single number the user came for.

```html
<span class="postie-badge postie-badge--neutral">2 attachments</span>
<span class="postie-badge postie-badge--accent">6 for you</span>
<span class="postie-badge postie-badge--count">6</span>
<span class="postie-badge postie-badge--count-muted">2</span>
```

**When.** `neutral` for metadata (attachments, file size, provider names). `accent` for the one figure that is the point of the view. `count` / `count-muted` are the bare rail figures: the active folder's count in the accent face, every other folder's in muted.

**Never.**
- Never a red notification circle, never a badge on an icon, never more than one accent badge in view — the brief's `never`: faceless-giant badge clutter, "badges that shout".
- Never a second hue for a category (Studio, Work, Personal are words in the muted face; accounts differ by pebble tone, not by colour).
- Never oxblood text on the charcoal chrome; inside a `.postie-brand` block the accent badge lifts to `#E4606C` automatically — do not override it.
- Never an exclamation mark.