Stat matrix: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/stat-matrix.html Core Patterns (https://patternpaste.com/patterns/) Stats (https://patternpaste.com/patterns/stats/) Catalogue access Standard # 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. ## All patterns Search patterns Loading patterns… Start here ## What you change first - The marquee metric, subhead, and context paragraph. - The two stacked secondary metrics and labels. - The methodology footnote. The signature moment ## Asymmetric bento balance The layout provides rhythm and visual hierarchy through unequal area distribution. The primary marquee cell occupies 58% of the width, pairing a massive percentage numeral with a subhead and explanatory narrative. The remaining 42% is divided vertically into two secondary metric blocks, giving each finding its exact proportionate weight. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Spacing scale. ### Set by this pattern - The asymmetric 58/42 bento grid proportions. - The internal card padding and vertical typography hierarchy. - 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 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. ### The signature moment: asymmetric bento balance The layout provides rhythm and visual hierarchy through unequal area distribution. The primary marquee cell occupies 58% of the width, pairing a massive percentage numeral with a subhead and explanatory narrative. The remaining 42% is divided vertically into two secondary metric blocks, giving each finding its exact proportionate weight. ### Why this is not the other stats patterns - stat-quadrant is a symmetrical 2x2 grid with four equal quadrants. - stat-pillars uses three identical vertical columns. - stat-split pits narrative copy against a multi-row data ledger. - stat-matrix is an asymmetric bento grid with one double-height primary card and two stacked secondary cards. Make it yoursVariations and the edits to make first ### The variations - Night matrix. The entire section inverts to your contrast ground with base text and currentColor card borders. - Matrix reversed. Mirrors the columns: two stacked cards on the left, marquee card on the right. ### What you change first - The marquee metric, subhead, and context paragraph. - The two stacked secondary metrics and labels. - The methodology footnote. 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 asymmetric 58/42 bento grid proportions. - The internal card padding and vertical typography hierarchy. - The display typographic ramp. ### Contrast All text and figures are contrast on base (or base on contrast in Night matrix). 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.5rem, 7vw, 5.5rem) - paragraph at clamp(2.25rem, 4.5vw, 3.25rem) Technical notesBlock mechanics, responsive behaviour and constraints ### Mechanics worth knowing - Contiguous 1px currentColor borders. Each card is independently outlined in currentColor with matching internal padding. - Vertical gap between stacked cards. Managed via margin-top on the lower card, matching the section column gap. - Constrained footnote. Keeps the research source citation cleanly formatted below the matrix. Questions ## Stat matrix: common questions Does Stat matrix 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 matrix 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 matrix have? 3: Bento matrix, Matrix reversed and Night matrix. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Stat matrix 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. 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 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/) ## Specifications Section Stats Access Subscription Plugin None, core blocks only Variations 3 Colour From your theme Type From your theme Motion None Blocks column, columns, group, heading, paragraph Presets color 5, spacing 5, font-size 3 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 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. Stats Preview pattern (https://patternpaste.com/pattern/stat-comparison.html) Shot in Twenty Twenty-Five Stats No 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. Stats Preview pattern (https://patternpaste.com/pattern/stat-monument.html) Shot in Twenty Twenty-Five Stats No plugin needed ### Stat pillars Three monolithic architectural pillars in 1px currentColor outline frames: each pillar carries a tracked index eyebrow, a figure at display scale, a dividing hairline, a bold metric label, and a full paragraph of empirical context. Stats Preview pattern (https://patternpaste.com/pattern/stat-pillars.html)