Pattern Paste
Subscribe

Core Patterns Stats

Catalogue accessStandard

Stat split

An asymmetric editorial split pairing a narrative, action and replaceable WordPress workspace photograph with a four-row data ledger.

The photo sits beneath the introduction while full-width currentColor hairlines organise the figures beside it.

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 editorial headline, description and button link.
  2. The photograph. Use the Image block to replace the sample workspace photograph with your own project or setting, and update its alternative text.
  3. The four data row labels, numerals and context lines.

The signature moment

Asymmetric editorial proof

The pattern merges storytelling with empirical proof. The left column (42%) provides editorial context, an action and a photograph beneath them, while the right column (58%) stacks four clean data rows. Each row cleanly separates category label, display figure, and operational detail across full-width hairlines.

Theme handoff

What comes from where

From your theme

  • Typeface.
  • Palette.
  • Spacing.

Set by this pattern

  • The 42/58 asymmetric column split.
  • The internal ledger row proportions and hairline borders.
  • The typographic hierarchy

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

An asymmetric editorial split: a narrative anchor column on the left with eyebrow, display heading, contextual paragraph, action button and a 3:2 workspace photograph, set against a stacked four-row data ledger on the right with full-width currentColor hairlines.

The signature moment: asymmetric editorial proof

The pattern merges storytelling with empirical proof. The left column (42%) provides editorial context, an action and a photograph beneath them, while the right column (58%) stacks four clean data rows. Each row cleanly separates category label, display figure, and operational detail across full-width hairlines.

Why this is not the other stats patterns

  • stat-stack is a single-column full-width ledger with figures flush right.
  • stat-monument centers around one colossal hero numeral.
  • stat-pillars uses three balanced upright framed boxes.
  • stat-split provides an asymmetric 42/58 split pairing a full narrative column, button and photograph with a 4-row data matrix.
Make it yoursVariations and the edits to make first

The variations

  • Night split. The entire section inverts to your contrast ground with base text and an inverted primary button.
  • Seam reversed. The column order is mirrored: the data ledger takes the left flank while the editorial narrative and photograph sit on the right.

What you change first

  1. The editorial headline, description and button link.
  2. The photograph. Use the Image block to replace the sample workspace photograph with your own project or setting, and update its alternative text.
  3. The four data row labels, numerals and context lines.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • Typeface. No font family is stated anywhere.
  • Palette. Ground, text and button colours resolve to base and contrast.
  • Spacing. Band padding and block gaps derive from core spacing presets.

What it decides for itself

  • The 42/58 asymmetric column split.
  • The internal ledger row proportions and hairline borders.
  • The typographic hierarchy linking narrative and data.

Contrast

All text and figures are contrast on base (or base on contrast in Night split). 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(1.875rem, 3.5vw, 2.75rem)
Technical notesBlock mechanics, responsive behaviour and constraints

Mechanics worth knowing

  • Rows do not collapse on mobile. The data rows use isStackedOnMobile: false so the figure remains side-by-side with its explanatory context at 390px.
  • Top and bottom borders frame the ledger. Each row carries a border-top in currentColor, and the final row adds border-bottom to seal the stack.
  • The photo travels with the narrative. It stays below the action in both column orders and fills the narrative column at a 3:2 cover crop.
  • Headings state colour chains. The ordinary button inherits the theme; Night split supplies the inverted button colours.

Included image

The workspace photograph comes from the reviewed WordPress collection in assets/wordpress-images.json. Its public HTTPS URL stays in the copied Image block, without a foreign attachment ID, and the preview uses the same source. The photo is illustrative, not evidence for the sample metrics. No text sits on it. All three designs remain core blocks only, with no plugin or custom CSS.

Questions

Stat split: common questions

Does Stat split need a plugin?

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

Will Stat split 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 split have?

3: Editorial split, Night split and Seam reversed. Each is its own markup; choose one in the toolbar above the preview before you copy.

Can I use my own images?

Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library.

Is Stat split free?

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

The markup

15KB of core-block markup, 8 blocks (button, buttons, column, columns, group, heading, image, 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