Pattern Paste
Subscribe

Core Patterns Stats

Catalogue accessStandard

Stat callout

A high-impact framed spotlight plaque: a central marquee figure and bold executive statement sit above a ruled three-part corroboration shelf enclosed within the same 1px currentColor architectural frame.

All patterns

Loading patterns…

Theme
Preview size
Look

Takes your theme’s colours and type.

Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What you change first

  1. The marquee figure and executive statement.
  2. The three supporting shelf statistics and descriptions.

The signature moment

Architectural spotlight plaque

The entire argument is contained inside one authoritative plaque. At the top, an asymmetric split pits an immense marquee metric (10x) directly against a commanding executive headline. Below, an internal currentColor hairline opens onto a three-column corroboration shelf supplying the empirical proof (QA reduction, annual cost savings, time to rollout).

Theme handoff

What comes from where

From your theme

  • Typeface.
  • Palette.
  • Spacing scale.

Set by this pattern

  • The unified spotlight plaque architecture.
  • The marquee-to-shelf vertical hierarchy.
  • The typographic display ramp.

Full pattern notes

Why it works, and how it is built

Open a topic for the complete design reasoning, editing guidance and implementation notes.

Design rationaleComposition, intent and nearest alternatives

Overview

A high-impact framed spotlight plaque: a central marquee figure and bold executive statement sit above a ruled three-part corroboration shelf enclosed within the same 1px currentColor architectural frame.

The signature moment: architectural spotlight plaque

The entire argument is contained inside one authoritative plaque. At the top, an asymmetric split pits an immense marquee metric (10x) directly against a commanding executive headline. Below, an internal currentColor hairline opens onto a three-column corroboration shelf supplying the empirical proof (QA reduction, annual cost savings, time to rollout).

Why this is not the other stats patterns

  • stat-monument spans the full width of an unboxed section.
  • stat-quadrant divides four figures into a 2x2 grid.
  • stat-pillars uses three separate standalone columnar boxes.
  • stat-callout houses both the marquee statement and the supporting shelf inside a single unified architectural plaque.
Make it yoursVariations and the edits to make first

The variations

  • Night plaque. The plaque itself inverts to your contrast ground with base text, sitting cleanly within an unchanged base-ground page.
  • Teal and ivory. A deep teal surround frames an ivory plaque, with the marquee figure in bright teal and the executive headline in Georgia.

What you change first

  1. The marquee figure and executive statement.
  2. The three supporting shelf statistics and descriptions.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • Typeface. The base and Night plaque state no font family. Teal and ivory states Georgia for the executive headline.
  • Palette. The base and Night plaque resolve to base and contrast chains. Teal and ivory states its palette.
  • Spacing scale. Uses core spacing presets for margins and padding.

What it decides for itself

  • The unified spotlight plaque architecture.
  • The marquee-to-shelf vertical hierarchy.
  • The typographic display ramp.

Contrast

The base and Night plaque use contrast on base or its inverse. Teal and ivory uses dark teal text on ivory at 10.58:1, and its bright teal figure on ivory at 5.23:1. Display figures meet 3:1 criteria; all labels and body copy meet 4.5:1.

Display type

Off the theme's ladder on purpose, because the size is the composition:

  • paragraph at clamp(3.75rem, 8.5vw, 6.5rem)
  • paragraph at clamp(2rem, 3.5vw, 2.75rem)
Technical notesBlock mechanics, responsive behaviour and constraints

Mechanics worth knowing

  • Self-contained plaque frame. The 1px currentColor border encloses both upper headline and lower shelf into a unified visual unit.
  • Shelf divider. An internal group with border-top: 1px solid currentColor creates a clean horizontal rule across the plaque.
  • Explicit text colours. Stated on all elements to ensure contrast integrity across all themes.

Questions

Stat callout: common questions

Does Stat callout need a plugin?

No. It is built only from core WordPress blocks (column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install.

Will Stat callout match my theme?

Choose by variation. Framed plaque and Night plaque take your theme’s palette; Teal and ivory brings its own colours.

How many variations does Stat callout have?

3: Framed plaque, Night plaque and Teal and ivory. Each is its own markup; choose one in the toolbar above the preview before you copy.

Is Stat callout free?

It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.

Which WordPress version does it need?

Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.

The markup

11KB of core-block markup, 5 blocks (column, columns, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Subscribe to copy it, £49 a yearWhat you copy is yours forever. Not for you? We refund within 14 days.

Back to Core Patterns

Continue exploring

Next in Stats

Explore all 14 Stats patterns

Date in figures rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Date in figures

One date made the headline: a dark slab with a small label and heading over the day, month and year as three equal figures at monumental size, each with a small word beneath and a hairline between them, then one line of place and an Add to your calendar button.

StatsPreview pattern
Stat comparison rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stat comparison

A side-by-side comparative delta matrix: two balanced 1px currentColor panels contrast industry standard baseline metrics directly against platform outcomes across setup time, availability, and response latency.

StatsPreview pattern
Stat matrix rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stat matrix

An asymmetric bento matrix: one expansive double-height marquee cell on the left detailing a primary productivity metric, flanked by two stacked secondary stat cells on the right, all framed in 1px currentColor borders.

StatsPreview pattern