Stats
Stats shows a row of big numbers, such as 40h, -45 dB or 1.2M, with a label and a description. Numbers can count up when they scroll into view.
How to set it up
Step 1: Add the Stats section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Stats and select it (1).
Step 2: Set up the numbers
- Choose the Columns, Style (1), number typography and font scale, and turn on Count up numbers.
Step 3: Add numbers
- Add Number blocks: a number (text around it stays, for example
40h), a label and a description.
Settings reference
Stats
| Numbers | |
|---|---|
| Columns | Slider. |
| Mobile columns | Options: 1, 2. |
| Style | Options: Top rule, Cards, Plain. |
| Typography | Options: Heading, Display. |
| Font scale | 100% is the size of this style in Theme settings > Typography. |
| Font scale on mobile | Slider. |
| Count up numbers | Numbers animate when they scroll into view. |
Number block
| Number | Text around the number stays, for example 40h, -45 dB or 1.2M. |
|---|---|
| Label | |
| Description |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.