Start here
What you change first
- The editorial headline, description and button link.
- The photograph. Use the Image block to replace the sample workspace photograph with your own project or setting, and update its alternative text.
- 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-stackis a single-column full-width ledger with figures flush right.stat-monumentcenters around one colossal hero numeral.stat-pillarsuses three balanced upright framed boxes.stat-splitprovides 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
- The editorial headline, description and button link.
- The photograph. Use the Image block to replace the sample workspace photograph with your own project or setting, and update its alternative text.
- 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
baseandcontrast. - 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: falseso the figure remains side-by-side with its explanatory context at 390px. - Top and bottom borders frame the ledger. Each row carries a
border-topincurrentColor, and the final row addsborder-bottomto 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
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…Variation: Night split
Fetching the markup…Variation: Seam reversed
Fetching the markup…