Stat pillars: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/stat-pillars.html Core Patterns (https://patternpaste.com/patterns/) Stats (https://patternpaste.com/patterns/stats/) Free Standard # 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. Anchored by a methodology footnote. ## All patterns Search patterns Loading patterns… Start here ## What you change first - The three numerical findings and their index labels. - The metric titles and explanatory paragraphs. - The section heading and methodology note. The signature moment ## Monolithic columnar architecture Each stat is given its own self-contained architectural pillar. Rather than simple floating numbers, the figures sit inside balanced 1px currentColor frames that structure the data into an orderly sequence of indexed findings (01, 02, 03). An internal hairline cleanly bisects the raw numerical proof from the practical real-world outcome. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Spacing scale. ### Set by this pattern - The three-pillar layout - The display typographic ramp - The internal vertical rhythm 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 Three upright 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. ### The signature moment: monolithic columnar architecture Each stat is given its own self-contained architectural pillar. Rather than simple floating numbers, the figures sit inside balanced 1px currentColor frames that structure the data into an orderly sequence of indexed findings (01, 02, 03). An internal hairline cleanly bisects the raw numerical proof from the practical real-world outcome. ### Why this is not the other stats patterns - stat-quadrant is a 2x2 window with contiguous crossing hairlines. - stat-row is a single horizontal strip with four numbers sharing one baseline. - stat-monument is dominated by one giant marquee number. - stat-pillars offers three balanced vertical cards with thorough explanatory paragraphs and indexed headings. Make it yoursVariations and the edits to make first ### The variations - Night pillars. The entire section inverts to your contrast ground with base text. The three pillar frames and inner hairlines follow the text colour in currentColor. ### What you change first - The three numerical findings and their index labels. - The metric titles and explanatory paragraphs. - 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. Uses core spacing presets for margins and padding. ### What it decides for itself - The three-pillar layout and generous internal card padding. - The display typographic ramp, flooring safely on mobile viewports. - The internal vertical rhythm inside each card. ### Contrast All text and figures are contrast on base (or base on contrast in Night pillars). 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.75rem, 5.5vw, 4.25rem) Technical notesBlock mechanics, responsive behaviour and constraints ### Mechanics worth knowing - Uniform outline borders use currentColor. The 1px frame on each pillar writes border-color:currentColor;border-width:1px and the has-border-color class, guaranteeing it renders across light, dark, and custom themes. - Internal divider is a border-top on an inner group. This ensures the rule runs flush across the card without relying on core/separator margin quirks. - The footnote is held to 32rem. Uses a constrained group with justifyContent: "left" to keep the methodology line readable. Questions ## Stat pillars: common questions Does Stat pillars 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 pillars match my theme? Choose by variation. Framed pillars and Night pillars take your theme’s palette; Folio brings its own colours. How many variations does Stat pillars have? 3: Framed pillars, Folio and Night pillars. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Stat pillars free? Yes. It is one of 62 free Core Patterns: copy it and it is yours to keep and edit. 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. Back to Core Patterns (https://patternpaste.com/patterns/) ### Free pattern Copy it and paste it straight into the block editor. It is yours to keep and edit. Read the markup #### 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 Free Plugin None, core blocks only Variations 3 Colour From your theme or its own palette Type From your theme or its own type 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 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 quadrant Four figures in a 2x2 inside a 1px currentColor plate, one hairline running the full width between the rows and one running the full height between the columns, both meeting the frame so the four figures sit in four panes of a window. Stats Preview pattern (https://patternpaste.com/pattern/stat-quadrant.html) 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)