Pattern Paste
Subscribe

Core Patterns Stats

FreeStandard

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.

Each pane is a tracked label, the figure at display size with its unit small beside it, and a caption of four or five words. The quadrant holds on a phone rather than stacking, so the window never becomes a list.

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 four figures, their units and their labels. Keep a label to one or two words so it holds one line in half a phone, and keep a caption to four or five words for the same reason.
  2. The heading and the footnote. The footnote is where the basis of the figures goes; a statistics section that does not say what it measured is decoration.
  3. The plate. Delete the frame (the border key on the group holding the two rows, and the has-border-color class with it) and the quadrant becomes a free-standing cross of two rules, which is a quieter section and still reads.
  4. The number of panes. This shape is four.

The signature moment

The hairlines cross

Nothing here is a card. The panes have no borders of their own; the two rules that divide them are per-side borders on the cells, and every one of them runs edge to edge. The horizontal rule is the bottom border of the two top cells, which butt against each other, so it arrives at the frame on both sides. The vertical rule is the left border of the two right-hand cells, stacked one above the other, so it arrives at the frame top and bottom. They cross in the middle of the plate and the crossing is the whole design: a window, and the reason the plate carries no padding of its own.

Theme handoff

What comes from where

From your theme

  • Typeface.
  • Palette.
  • Spacing scale.

Set by this pattern

  • The crossing rules and the frame
  • The cell padding
  • Proportion.
  • The footnote is held to 30rem

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

Four figures in a 2x2, inside a plate drawn as a 1px currentColor frame. One hairline runs the full width between the two rows, one runs the full height between the two columns, and both meet the frame, so the section reads as a window with four panes rather than as four boxes that happen to be near each other. Each pane carries a small tracked label, the figure at display size with its unit set small and tight beside it, and a caption of four or five words.

The signature moment: the hairlines cross

Nothing here is a card. The panes have no borders of their own; the two rules that divide them are per-side borders on the cells, and every one of them runs edge to edge. The horizontal rule is the bottom border of the two top cells, which butt against each other, so it arrives at the frame on both sides. The vertical rule is the left border of the two right-hand cells, stacked one above the other, so it arrives at the frame top and bottom. They cross in the middle of the plate and the crossing is the whole design: a window, and the reason the plate carries no padding of its own.

Put padding on the plate and the rules stop short of the frame, and the cross floats in the middle of a box, which is what four cards look like. The air is therefore carried by each cell instead, which is also what keeps the rules touching when the figures are of different heights.

Why this is not the stat row and not the stat stack

The stats section now holds three readings of the same job and they are three different shapes. stat-row reads across: four figures in one line, each on its own short hairline, so the section is a band. stat-stack reads down: five full-width ruled rows with the figures flush to one hard right edge, so the section is a ledger. stat-quadrant reads as a block: two by two, divided by rules that meet a frame, so the four figures are one object with four parts and no first or last. Take the row for a strip under a hero, the stack when there are more than four figures and the labels need room, and the quadrant when the four are a set and want to be looked at together.

Make it yoursVariations and the edits to make first

The variations

  • Night plate. The plate inverts, not the band. The group carrying the frame takes your contrast as its ground and your base as its text, so the quadrant becomes a solid block sitting in an unchanged page and the two hairlines read as cuts in it rather than as rules on it. One axis moves, colour, and the composition, sizes and copy are identical to the base. Both slugs exist in every stock block theme, which is why this arrives everywhere and a tinted plate would not.

What you change first

  1. The four figures, their units and their labels. Keep a label to one or two words so it holds one line in half a phone, and keep a caption to four or five words for the same reason.
  2. The heading and the footnote. The footnote is where the basis of the figures goes; a statistics section that does not say what it measured is decoration.
  3. The plate. Delete the frame (the border key on the group holding the two rows, and the has-border-color class with it) and the quadrant becomes a free-standing cross of two rules, which is a quieter section and still reads.
  4. The number of panes. This shape is four. Six is two rows of three, which means adding a third cell to each row and moving the vertical rule to the two middle cells; anything that is not a rectangle is the row or the stack instead.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • Typeface. No font family is stated anywhere, in the base or the variation.
  • Palette. The band's ground and text are your base and contrast, each written as a fallback chain ending on a colour WordPress itself guarantees. No accent slug appears in any rung, and the frame and hairlines name no colour at all.
  • Spacing scale. The band's vertical padding, the space under the heading and the gap above the plate are core spacing presets, so the section's rhythm resizes with your theme.

What it decides for itself

  • The crossing rules and the frame, which is the design and the one thing to leave alone.
  • The cell padding, clamp(1.125rem, 2.2vw, 2.25rem), stated rather than taken from a preset because it has to survive being half of a phone.
  • Proportion. The figures at clamp(2.125rem, 5.4vw, 4.25rem) on a 0.85 line height with -0.045em tracking; the units at 15 to 19px, uppercase; the labels at 14 to 15px with 0.18em tracking; the captions at 15 to 16px on a 1.55 line height. Nothing sits between the label and the figure, and that gap is what makes the pane read as a stamp.
  • The footnote is held to 30rem, in a nested constrained group rather than by a padding-right trick, so the basis line reads at about 70 characters instead of running the full 1240px band.

Contrast

Every pair in the base is your contrast on your base; in Night plate the panes are your base on your contrast, which is the same pair inverted. The figures are large display text, 34px and up at every width, and are claimed at 3:1. The labels, the units and the captions are body text and are held to 4.5:1, which is why the captions floor at 15px and the labels at 14px rather than sitting on core's 13px small preset. The frame and the hairlines are structural marks in currentColor and carry no text. Measured per host theme against the colours that actually resolve, not the authored chains.

Display type

Off the theme's ladder on purpose, because the size is the composition:

  • paragraph at clamp(2.125rem, 5.4vw, 4.25rem)
Technical notesBlock mechanics, responsive behaviour and constraints

Mechanics worth knowing

  • The quadrant does not stack on a phone. Both core/columns rows carry isStackedOnMobile: false, which serialises to the is-not-stacked-on-mobile class that core's own :not() selector tests, and that is the only way to beat core's flex-basis:100%!important stacking rule. It is a design decision rather than a preference: the borders that make the window are per-side, so a stacked quadrant would leave a rule down the left of two cells and no rule at all under the last one. Everything in a cell is sized to hold at 390 in half a phone: the figure floors at 34px, the label at 14px and the caption at 15px.
  • The frame implies its own border style. A uniform border is written as {"width":"1px","color":"currentColor"} and serialises to border-color:currentColor;border-width:1px with the has-border-color class, which is the form core's own CSS resolves to a solid rule. The per-side cell borders state "style":"solid" explicitly, because that is what core's save() writes for a side.
  • Every rule is currentColor. The frame and both hairlines follow whatever colour the text is, in the base and in the variation alike, so no rung can resolve to nothing and no accent can turn a structural mark pale.
  • The plate's block gap is zero and so is each row's. The two core/columns rows butt against each other and the cells butt against their neighbours; a gap anywhere in that chain opens a stripe of ground through the middle of the window and breaks both rules.
  • The figure and its unit are one flex row. A core/group with flexWrap: nowrap and verticalAlignment: bottom puts the unit on the figure's baseline instead of a line of its own, and the 0.3rem gap is stated because a theme's default gap is sized for paragraphs.
  • No cell states a width other than 50%. The quadrant is square by construction and the labels are short enough to hold one line at that width in a serif theme and a sans one.

Questions

Stat quadrant: common questions

Does Stat quadrant 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 quadrant 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 quadrant have?

2: Window and Night plate. Each is its own markup; choose one in the toolbar above the preview before you copy.

Is Stat quadrant free?

Yes. It is one of 64 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.

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. This is the file as authored; the copy button on the stage applies the finish you chose there.

16,869 bytes 
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.24em","lineHeight":"1.2","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.24em;line-height:1.2;text-transform:uppercase">The record</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:0;font-size:var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))">Four numbers we are judged on.</h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"width":"1px","color":"currentColor"},"spacing":{"margin":{"top":"var:preset|spacing|70"},"blockGap":"0px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:currentColor;border-width:1px;margin-top:var(--wp--preset--spacing--70)"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"50%","style":{"border":{"bottom":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="border-bottom-color:currentColor;border-bottom-style:solid;border-bottom-width:1px;padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">Uptime</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">99.98</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Measured from outside.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","style":{"border":{"bottom":{"color":"currentColor","style":"solid","width":"1px"},"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="border-bottom-color:currentColor;border-bottom-style:solid;border-bottom-width:1px;border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">First reply</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">34</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">min</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">A person, in working hours.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"bottom":"0"},"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile" style="margin-bottom:0"><!-- wp:column {"width":"50%","style":{"border":{},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">Renewals</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">94</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Stayed the whole year.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","style":{"border":{"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">Releases</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">128</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">/yr</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Small, boring, frequent.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"30rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Every figure is measured from outside the building and restated on the first Monday of the quarter.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Variation: Night plate
17,029 bytes 
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.24em","lineHeight":"1.2","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.24em;line-height:1.2;text-transform:uppercase">The record</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:0;font-size:var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))">Four numbers we are judged on.</h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"width":"1px","color":"currentColor"},"color":{"background":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))","text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"var:preset|spacing|70"},"blockGap":"0px"},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color has-text-color has-background has-link-color" style="border-color:currentColor;border-width:1px;color:var(--wp--preset--color--base, var(--wp--preset--color--white));background-color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));margin-top:var(--wp--preset--spacing--70)"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"50%","style":{"border":{"bottom":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="border-bottom-color:currentColor;border-bottom-style:solid;border-bottom-width:1px;padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">Uptime</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">99.98</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Measured from outside.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","style":{"border":{"bottom":{"color":"currentColor","style":"solid","width":"1px"},"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="border-bottom-color:currentColor;border-bottom-style:solid;border-bottom-width:1px;border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">First reply</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">34</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">min</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">A person, in working hours.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"bottom":"0"},"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile" style="margin-bottom:0"><!-- wp:column {"width":"50%","style":{"border":{},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">Renewals</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">94</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Stayed the whole year.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","style":{"border":{"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"clamp(1.125rem, 2.2vw, 2.25rem)","bottom":"clamp(1.125rem, 2.2vw, 2.25rem)","left":"clamp(1.125rem, 2.2vw, 2.25rem)","right":"clamp(1.125rem, 2.2vw, 2.25rem)"}}}} -->
<div class="wp-block-column" style="border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:clamp(1.125rem, 2.2vw, 2.25rem);padding-right:clamp(1.125rem, 2.2vw, 2.25rem);padding-bottom:clamp(1.125rem, 2.2vw, 2.25rem);padding-left:clamp(1.125rem, 2.2vw, 2.25rem);flex-basis:50%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">Releases</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(0.75rem, 1.4vw, 1.25rem)"},"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group" style="margin-top:clamp(0.75rem, 1.4vw, 1.25rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, 5.4vw, 4.25rem)","fontWeight":"700","letterSpacing":"-0.045em","lineHeight":"0.85"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(2.125rem, 5.4vw, 4.25rem);font-weight:700;letter-spacing:-0.045em;line-height:0.85">128</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.4vw, 1.1875rem)","fontWeight":"600","letterSpacing":"0.04em","lineHeight":"0.95","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.4vw, 1.1875rem);font-weight:600;letter-spacing:0.04em;line-height:0.95;text-transform:uppercase">/yr</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"clamp(0.75rem, 1.2vw, 1.125rem)","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:clamp(0.75rem, 1.2vw, 1.125rem);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Small, boring, frequent.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"30rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Every figure is measured from outside the building and restated on the first Monday of the quarter.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Back to Core Patterns

Continue exploring

Next in Stats

Explore all 16 Stats patterns

Stat pillars rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo 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.

StatsPreview pattern
Stat row rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo 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.

StatsPreview pattern
Stat split rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stat split

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

StatsPreview pattern