Numbers
Four big numbers in the display face, each with a small label, on a ruled bar. No icons, no copy, no links.
For a drop brand the numbers are the pitch: four drops a year, four hundred units a run, zero restocks. Stated without a sentence around them, they carry more weight than a paragraph explaining the same thing.
Section settings
Section titled “Section settings”| Setting | Type | Default | What it does |
|---|---|---|---|
| Colour scheme | Select — Default / Light / Deep | default | Which ground the bar sits on. |
| Top spacing | Range, 0–160 px | 48 | Top spacing. |
| Bottom spacing | Range, 0–160 px | 48 | Bottom spacing. |
Figure blocks
Section titled “Figure blocks”Up to four blocks.
| Setting | Type | Default | What it does |
|---|---|---|---|
| Figure | Text | 400 | The number. It is a text field, so 4.9, 0, 04, 30 days and 400+ all work. |
| Eyebrow | Text | Units per run | The label underneath, in muted small caps. |
Preset
Section titled “Preset”One preset, Numbers:
| Figure | Label |
|---|---|
| 04 | Drops a year |
| 400 | Units per run |
| 0 | Restocks, ever |
| 4.9 | Verified reviews |
Behaviour worth knowing
Section titled “Behaviour worth knowing”Four columns on desktop, always. Like the Promise bar, the grid is fixed at four and does not adapt to the number of blocks — three figures leave an empty cell. Use four, or two.
Hairlines above, below and between, with the last divider suppressed. Below 760 px it becomes a two-by-two block.
The figure is set in the display face at up to 38 px, the label in the body face. Keep figures short — 1,200,000 will fit but it will not have any presence next to a 0.