Stats
This module is a row of big numbers that count up as they come into view, to make a point quickly.
Content options
- Tag: A short label above the heading. Optional.
- Body text: A heading and short intro above the stats.
- Stats: Up to nine. Each has a number, an optional prefix and suffix, and a subtitle.
- Stat type: Count up for plain numbers, or static for anything else, like a range.
Design options
- Card style: Light (default) or dark.
- Stat size: Small, medium (default) or large.
- Stat alignment: Left, centre or right.
- Intro alignment: Left, centre or right, with optional ticks.
Recommendations
- Do use numbers you can stand behind, from a source that's kept up to date, like the About page.
- Don't pad the row. Three strong numbers beat six weak ones.
Examples
Stats module with defaults.
Stats module
This module displays key figures as a set of cards, each featuring a large number that animates counting up when scrolled into view. Use it to highlight business metrics, customer numbers, or any data point that benefits from visual impact.
50
Years experience
22k
Hospitality venues
7
Countries
Six stats, small and centred on dark cards, with suffixes.
Oolio in numbers
Decades of hospitality experience, behind venues across the world.
22k
Hospitality venues
300+
Partners
6
Products
50
Years experience
600+
Oolians
7
Countries
Two large stats, with count-up values.
Small changes, real results
What venues and guests get from ordering, loyalty and payments on Oolio.
40%
Prefer ordering direct
25%
More spend from loyalty members