Skip to content

Stats Sections

A stats section shows a set of figures — a value and a label each, such as “25+ Years in business” — under a shared heading. Values can count up when they scroll into view. All four display styles use the same list of stats, so you can switch between them freely.

  • Figures that support a claim: customers served, years of experience, response times, ratings.
  • A band of numbers between two other sections.
  • One headline figure with a few supporting ones (the Featured display style).

When each item needs a paragraph of explanation or an image, use a Features section instead.

The Content tab has the header (Eyebrow Heading, Heading, Body Content), the stats, Buttons and Outro Content. Wrap words in the heading in {curly braces} to highlight them.

Each Statistic has:

FieldWhat it isNotes
Stat ValueThe figure, such as 99%, 500+ or $1.2MRequired. Free text, so any format works.
Stat LabelWhat the figure measuresRequired.
Additional DescriptionA line of extra contextOptional.
IconAn Iconify icon name, such as heroicons:chart-barOptional. Icon Color picks Primary or Secondary. The field help links to the icon browser.
Link TextText of a separate linkLeave empty to link the stat label itself when a Link URL is set.
Link URLWhere the stat links toStart typing to search your pages, or paste a URL.
Link TargetSame Window or New Window
Link ColorPrimary or Secondary
Custom Card BackgroundA background colour for this one statCards style only. Text and icons adjust for contrast.

To add many stats at once, select Bulk add from list… and enter one per line as value::label, for example 500+::Projects completed.

Choose Display Style on the Layout tab, under Layout Structure.

Display StyleWhat it looks like
Full GridStats in a full-width grid below the header content. The default.
InlineStats inside the content column, beside the section media.
BandStats together on one continuous surface below the content.
FeaturedThe first stat large, the rest smaller beside it. Reorder the stats to change which one leads.

Card Style sets how each stat is drawn: Minimal (no background or border, the default), Cards (a background and border), or Bordered (a grid joined by divider lines, Full Grid only). Band has no card style, because the band itself is the surface.

All on the Layout tab. Controls that do not apply to the chosen display style are hidden.

OptionWhat it doesDefault
Heading SizeDefault, L or XL.Default
Theme VariantLight or Dark. See Theme Variants.Dark for a new section
Section PaletteReplaces the site colours for this section with a saved palette.Global colours
Scroll AnimationEnabled fades elements in on scroll.Disabled
Count Up NumbersEnabled makes numeric values count up when they scroll into view on the live site.Disabled
Background TypeSolid Color (with Background Color: Theme Default or Custom Color) or Image (with Size, Behavior, Repeat and Overlay).Solid Color
OptionWhat it doesApplies to
Band BackgroundTheme Default (the surface colour) or Custom Color, with Band Background Color. Separate from the section background; you can set both.Band
Stat Font SizeDefault, M (36px), L (48px) or XL (60px) for the values. Inline defaults to 32px.All but Featured
Layout VariantLeft, Center or Right: where the header content sits relative to the section media. Inline and Featured offer Left and Right only.All
Stats Per Row1 to 4. Inline allows up to 3.All but Featured
Row AlignmentLeft or Center for a last row that is not full.All but Featured and Bordered
Stat AlignmentLeft or Center text inside each stat.All (default Center)
Button PositionAfter Body or After Outro.Full Grid

Media Type (None, Image, Video or Shortcode) adds media beside or below the header, with Image Styling (Styled or Raw).

Whether a stat’s link shows as a text link or a small button is set site-wide: Global Settings > Borders > Card CTA Style. See Global Settings.

Select the remix icon at the top of the settings panel (tooltip Remix layout - Try a random variant combination) to try another combination of display style, card style, columns and alignment chosen to suit your stats. Your content stays as it is. Undo with Ctrl+Z (Cmd+Z on a Mac).

  • A value does not count up. Only numeric values animate; text such as “Unlimited” is shown as written. Count-up also does not run in the editor, or for visitors who have asked their device to reduce motion.
  • A long value overflows its cell. Choose M under Stat Font Size for values like $1.5M or 10,000+.
  • Center disappeared from Layout Variant. Inline and Featured have no centre position. Choosing Inline also moves a centred section to Left and reduces 3 or 4 columns to 2.
  • The card style changed on its own. Bordered is Full Grid only: Inline changes it to Minimal and Featured to Cards. Band changes any style to Minimal.
  • Stat Font Size has no effect in Featured. The lead figure and the others are sized by the layout.