Skip to content

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.

SettingTypeDefaultWhat it does
Colour schemeSelect — Default / Light / DeepdefaultWhich ground the bar sits on.
Top spacingRange, 0–160 px48Top spacing.
Bottom spacingRange, 0–160 px48Bottom spacing.

Up to four blocks.

SettingTypeDefaultWhat it does
FigureText400The number. It is a text field, so 4.9, 0, 04, 30 days and 400+ all work.
EyebrowTextUnits per runThe label underneath, in muted small caps.

One preset, Numbers:

FigureLabel
04Drops a year
400Units per run
0Restocks, ever
4.9Verified reviews

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.