Stats

Numeric highlights — stat + label + optional description. Grid / row / cards layouts. Column count 1–6.

stats foundation

Keywords

stats, numbers, figures, metrics

Metadata

Slugstats

Categoryfoundation

Default containerstandard

Statuspublished

Variants

layout grid · row · cards

background light · alt · dark · primary

size md · lg

columns 1 · 2 · 3 · 4 · 5 · 6

Fields (8)

Eyebrow text
Heading text
Intro textarea
Layout button_group
Columns range
Background button_group
Padding button_group
Stats repeater

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section stats"
         data-block="stats"
         data-surface="light"
         data-layout="grid"
                  data-container="standard">
  <div class="container container--standard">
    <div class="stats__inner">
      <!-- block content -->
    </div>
  </div>
</section>