Pattern Paste
Subscribe

Core Patterns Stats

Catalogue accessStandard

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.

All patterns

Loading patterns…

Theme
Preview size
Look
Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What you change first

  1. The paired comparative metrics (Industry Standard vs Platform).
  2. The section heading and methodology note.

The signature moment

Direct benchmark delta

The section creates an immediate visual dialogue between legacy expectations and modern platform velocity. Two balanced 50/50 panels sit side-by-side inside clean 1px currentColor frames. Each panel aligns three corresponding metrics across matching hairlines, making the performance delta unmistakable.

Theme handoff

What comes from where

From your theme

  • Typeface.
  • Palette.
  • Spacing scale.

Set by this pattern

  • The two-column 50/50 delta layout.
  • The internal metric spacing and hairline dividers.
  • The display typographic 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 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.

The signature moment: direct benchmark delta

The section creates an immediate visual dialogue between legacy expectations and modern platform velocity. Two balanced 50/50 panels sit side-by-side inside clean 1px currentColor frames. Each panel aligns three corresponding metrics across matching hairlines, making the performance delta unmistakable.

Why this is not the other stats patterns

  • stat-quadrant is a 2x2 grid of standalone findings.
  • stat-split pits editorial storytelling against a single data stack.
  • stat-pillars arranges three positive case findings in isolation.
  • stat-comparison is a two-column paired comparative delta matrix explicitly benchmarking legacy vs improved outcomes.
Make it yoursVariations and the edits to make first

The variations

  • Night comparison. The entire section inverts to your contrast ground with base text and currentColor panel borders.

What you change first

  1. The paired comparative metrics (Industry Standard vs Platform).
  2. The section heading and methodology note.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • Typeface. No font family is stated anywhere.
  • Palette. Ground and text resolve to base and contrast chains.
  • Spacing scale. Margin and padding presets derive from core tokens.

What it decides for itself

  • The two-column 50/50 delta layout.
  • The internal metric spacing and hairline dividers.
  • The display typographic ramp.

Contrast

All text and figures are contrast on base (or base on contrast in Night comparison). 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(2.25rem, 4.5vw, 3.25rem)
Technical notesBlock mechanics, responsive behaviour and constraints

Mechanics worth knowing

  • Matching internal hairline dividers. Each metric pair is separated by a border-top: 1px solid currentColor with matching top padding, ensuring both columns align rhythmically across the fold.
  • Both panels carry 1px currentColor borders. Ensuring clean separation without heavy background fills.
  • Explicit colour on all text elements. Theme link and heading styles cannot override text legibility.

Questions

Stat comparison: common questions

Does Stat comparison 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 comparison match my theme?

Yes. It names no colour or font of its own: every colour, size and space is a preset from your theme, so it takes your theme’s palette and type when pasted.

How many variations does Stat comparison have?

2: Delta panels and Night comparison. Each is its own markup; choose one in the toolbar above the preview before you copy.

Is Stat comparison 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

17KB 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 Also in Compare

Stat callout rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

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.

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
Stat monument rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stat monument

A monumental scale hierarchy: one colossal figure dominates the left flank at display size, paired with an orientation heading and thesis paragraph on the right, anchored by a ruled three-column shelf of subsidiary proof metrics below.

StatsPreview pattern