Timeline Stats
Key numbers plotted along a horizontal timeline of moments and dates. Use it to tell a growth story across quarters on an about or press page.
Key numbers plotted along a horizontal timeline of moments and dates. Use it to tell a growth story across quarters on an about or press page.
Search blocks by description or jump to a page.
Timeline Stats opens with a centered heading, a badge, and a short description paragraph. Below that sits a tab strip with four periods: Weekly, Monthly, Quarterly, and Yearly. Switching tabs swaps in a four column grid of stat cards, each holding a metric label, a clock icon with the active period name, a large value, and a pill that shows the percentage change versus the prior period with an up or down arrow. Cards where a lower count is the good outcome (like support tickets) display their pill in green when the number falls, so the color always signals whether the trend is positive or negative.
All four data sets are independent, so you can replace the metric labels, values, and change percentages for each period without touching the layout. You can also add or drop stat cards in any period, though four cards fills the row cleanly at wide viewports. The heading copy and description are a single text block and can be rewritten or removed without affecting the tab panel.
Reach for this block when you want visitors to explore performance across multiple time horizons without leaving the section. It fits an AI assistant product well because those products ship usage, conversion, and reliability numbers that look very different week over week versus year over year. The tab toggle lets a skeptical reader pick the window that matters to them rather than trusting a single hand-picked figure. It is stronger than a static row of stats when your story depends on trend direction, and stronger than a chart when exact current values matter as much as the shape of growth.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The tab grid works for any set of metrics that a reader might want to slice by time window. A few concrete fits for an AI assistant product:
Tip: keep all four periods populated even if some numbers look modest; readers trust a complete data set more than one that skips a slow week.