Dark Stat Band
A solid primary band with a short headline beside three large stats divided by hairline rules.
A solid primary band with a short headline beside three large stats divided by hairline rules.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Dark Stat Band is a high contrast stats section. A rounded panel filled with the primary color holds a short headline and supporting line on the left, and three large stats on the right, divided by hairline rules on desktop and stacked on mobile. Everything inside the panel uses primary foreground tones, so the band stays readable in both themes without any extra configuration.
The three stats are a plain array of value and label pairs, and the headline and supporting line are independent strings. The grid accepts two or four stats without breaking, the dividers are generated from the column gaps. Because the band is text only it adds almost no weight to the page and works anywhere you need a visual beat between sections.
Reach for this block when a page of light sections needs one emphatic moment. It carries more visual force than metric-tiles-band and reads faster than stats-with-bar-chart, which makes it a good closer before a pricing or signup section. If the page already has a dark hero or a dark CTA, prefer one of the lighter stats siblings so the contrast stays special.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is outcome stats that justify a switch: speed to first value, output gained, and spend replaced. Other ways to fill the band:
Tip: lead the three stats with their most surprising number, the band earns its contrast only if the first value stops the scroll.