Metric Band
A centered stats band with a heading, four oversized metrics separated by hairline dividers, and a footnote citing the measurement period.
A centered stats band with a heading, four oversized metrics separated by hairline dividers, and a footnote citing the measurement period.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Metric Band condenses your proof into one confident strip. A centered heading and lede set up the claim, four oversized numbers deliver it in a single row separated by vertical hairlines, and a small footnote states exactly when the figures were measured. There are no cards or imagery, so the numbers themselves carry all of the weight.
The band is driven by one small array, so adding, removing, or rewording a stat is a quick edit. On large screens the stats sit in a single row with vertical hairlines between them, and on small screens they fold into a two by two grid with the dividers redrawn to match, all without touching the layout code.
Reach for this block when you have hard numbers a visitor should see before anything else has to be explained. It works well near the top of a logistics platform's landing page, right after the hero, where shipment volume, country coverage, and reliability figures reassure an operations lead before they read a single feature. The dated footnote matters here: buyers weighing an operational dependency want to know the numbers are current.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is company wide traction numbers. A few other ways to use the band:
Tip: keep every label to one short line and always date the footnote. A figure with a measurement period reads as evidence, an undated one reads as marketing.