Stat split: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/stat-split.html Core Patterns (https://patternpaste.com/patterns/) Stats (https://patternpaste.com/patterns/stats/) Catalogue access Standard # 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 Search patterns Loading patterns… 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-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 - 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 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. 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 year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Features Appointment letter checklist What to bring to a first appointment, set as the confirmation letter itself: a card with the booking's details written into ruled blanks (date, time, who, where, length and fee) and a checklist of empty squares to tick the night before, beside a short introduction. States no colour and no font of its own. (https://patternpaste.com/pattern/appointment-letter-checklist.html)Testimonials Quote wall Eight short testimonials at reading size in three columns of unequal width, three, two and three, each quote hanging under a currentColor hairline with a small portrait and its name tracked beneath it, eight distinct faces. The rules line up once across the top of the wall and never again, so the section reads as a mass of voices rather than as a row of cards. States no colour and no font of its own. (https://patternpaste.com/pattern/quote-wall.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Video variations need your own clip. Image credits (https://patternpaste.com/image-credits/). ## Specifications Section Stats Access Subscription Plugin None, core blocks only Variations 3 Colour From your theme Type From your theme Motion None Blocks button, buttons, column, columns, group, heading, image, paragraph Presets color 5, spacing 5, font-size 2 WordPress 7.0+ Continue exploring ## Next in Stats Explore all 14 Stats patterns (https://patternpaste.com/patterns/stats/) Shot in Twenty Twenty-Five Stats No plugin needed ### Stat row Four key figures across one tonal band, each set at display size with its unit small and tight beside it, every figure locked to a single baseline and sitting on a hairline that makes that baseline visible. Stats Preview pattern (https://patternpaste.com/pattern/stat-row.html) Shot in Twenty Twenty-Five Stats No plugin needed ### Stat stack Five figures read down instead of across: each one is a full-width ruled row with a wide-tracked label and a line of basis on the left, and the figure set at display size and flush right, so the figures line up into one hard vertical edge down the whole section. Stats Preview pattern (https://patternpaste.com/pattern/stat-stack.html) Shot in Twenty Twenty-Five Stats No plugin needed ### Stat ticker A high-density horizontal data ribbon framed by top and bottom hairlines, dividing four key metrics with vertical currentColor hairlines. Stats Preview pattern (https://patternpaste.com/pattern/stat-ticker.html)