Achievement bars

A cluster of stat cards with a big number, label, and short caption in each. Use it to spotlight key metrics across a landing page in a clean grid.

Ring shaped progress dials that animate to a percentage value. Good for dashboards or landing pages that report completion rates and capacity at a glance.

Two columns of numbers placed side by side to contrast before and after results. Use it to show the lift your app delivers over the old way.

Paired figures with labels that weigh your offering against a baseline. Great for sales pages that need to make the gain feel concrete and credible.

A quote from a customer next to the numbers their team reached with you. Use it to pair social proof with hard results on a case study page.

A stepped funnel showing how many visitors move from view to signup to paid. Use it to explain conversion and where users drop off in your flow.

A grid of stat tiles washed in soft gradients for a vivid, modern look. Use it to display headline metrics when you want the section to feel premium.

A vertical timeline pairing dates with the numbers you hit at each stage. Use it to chart company momentum on an about page or investor deck.

A single row of figures split by thin vertical dividers for a tidy summary. Use it under a hero to surface three or four headline numbers fast.

Oversized counters that animate upward as the section scrolls into view. Use it to make reach, users, or revenue feel bold and immediate to readers.

Stat cards that reveal extra detail or a chart when you hover over them. Use it when you want a number to expand into context on a feature page.

Bordered cards each holding one metric, a label, and a trend note. Use it to report KPIs in a structured layout on a homepage or app page.