# StatTile

A dashboard figure: kicker label, a big tabular number in Nunito 800, one line of context. `tone="brand"` is the **hero-tile** — the single charcoal tile in a row of tonal ones, carrying the number the page exists for ("38 ms").

```html
<div class="postie-stat"><p class="postie-stat__label">Messages today</p><p class="postie-stat__value">183</p><p class="postie-stat__sub">across 4 accounts</p></div>
<div class="postie-stat postie-stat--brand"><p class="postie-stat__label">Median open time</p><p class="postie-stat__value">38 ms</p><p class="postie-stat__sub">local first, every account</p></div>
```

**When.** Any dashboard strip, 3–4 tiles across. Promote exactly one to `brand` — the figure that proves the promise (speed, throughput). Use `<b>` inside the value to lift one part into the accent face when the number is a call on the user ("6 waiting").

**Never.**
- Never two brand tiles in a row; the hero-tile is singular by definition (P2 named element).
- Never animate the figure (brief: figures never animate; no counting-up).
- Never a sparkline, a trend arrow in a colour, or a green/red delta — colourway 4 has no status hue, and status is never colour alone. A delta is words: "up 14 on yesterday".
- Never an icon in the tile. The number is the picture.
- Never an oxblood fill behind the figure (never a large coloured ground).