Stats
10 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.
- Stats · 3D layers — Three photo layers stacked like one card; on hover they turn in 3D and spread apart, each casting a deeper shadow, with a word beside each layer.
- Stats · Band — A brand-color band with four big figures and thin separators between them.
- Stats · Before and after — A case study in figures: the same three metrics in two columns, before and after, so each row compares one metric, with how much it changed.
- Stats · Figures by city — Presence by city: a list of cities, each with its figure and a bar that shows its share against the largest one, beside an intro with the total.
- Stats · Figures with a mini chart — Report cards: each metric with its figure, how it changed since last time and a small bar chart of where it comes from.
- Stats · Photo split — A photo on one side with a featured figure riding its corner, and four figures in a 2×2 grid next to an intro.
- Stats · Progress bars — An intro next to four progress bars with a name and a percentage.
- Stats · Progress rings — Four figures in progress rings, with a label and a line of text under each ring.
- Stats · Showcase — A showcase of the FBK Counters list and the FBK Counter figure: plain, cards, outline, a line above or an accent bar, with an optional icon and text, and four sizes.
- Stats · Values ring — The section title in a circle, a large dashed ring turning slowly behind four values placed above, beside and below it, their titles in the brand color along the circle.