Cover figures: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/cover-figures.html Core Patterns (https://patternpaste.com/patterns/) Stats (https://patternpaste.com/patterns/stats/) Catalogue access Standard # Cover figures A display heading, a short lede and a button on your page ground over three tall photographs set side by side across the full width. Each photograph sits under a heavy veil of your contrast colour and carries one enormous figure, a small label above it and a ruled line of explanation below, so the photograph reads as texture behind the number. The three stack into one column on a phone. Includes three replaceable example photographs. ## All patterns Search patterns Loading patterns… The signature moment ## Three figures, each set in its own photograph Every figure gets a photograph of its own, under an 80% veil of your contrast, so the scene reads as texture behind the number rather than as a picture beside it. The figure is the largest thing in its frame, a small label sits above it and a ruled line of explanation below, all at the frame's foot. Theme handoff ## What comes from where ### Theme and pattern Inherits: every colour, the typeface, the spacing scale, the button. Decides: the veil's opacity, the frame heights (a top padding that grows with the viewport, so a phone's frames are shorter), the 4px seams between frames, and the 22rem measure of each explanation. The frames are a grid whose minimum column is a third of its width from 46rem up and the whole width below it, so it shows three across or one column, never two with a hole, and every frame in a row is the same height. 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 A heading row on your page ground over three tall core/cover frames set side by side across the full width, each holding one figure. ### The signature moment: three figures, each set in its own photograph Every figure gets a photograph of its own, under an 80% veil of your contrast, so the scene reads as texture behind the number rather than as a picture beside it. The figure is the largest thing in its frame, a small label sits above it and a ruled line of explanation below, all at the frame's foot. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits, what it decides Inherits: every colour, the typeface, the spacing scale, the button. Decides: the veil's opacity, the frame heights (a top padding that grows with the viewport, so a phone's frames are shorter), the 4px seams between frames, and the 22rem measure of each explanation. The frames are a grid whose minimum column is a third of its width from 46rem up and the whole width below it, so it shows three across or one column, never two with a hole, and every frame in a row is the same height. Technical notesBlock mechanics, responsive behaviour and constraints ### Why type on the photograph is permitted here At dimRatio 80 with a contrast veil, base type keeps its contrast over any photograph you choose, white or black. The figures and the heading are display type, a bare clamp(), because their size is the composition; the explanations are body copy on the medium rung, and the rule above each is currentColor, so it follows the type. ### What a buyer changes first The three figures and their lines; keep each figure to five characters at this size. Then the photographs: any scene works under the veil, so choose for mood, not detail. ### Included images The copied markup includes WordPress Photo Directory example photographs. The public image URLs keep the examples visible after pasting. Select an image or cover and choose Replace to use your own Media Library files. See image credits (https://patternpaste.com/image-credits/) for the sources and licenses. Pasting an image URL does not import a Media Library attachment. Questions ## Cover figures: common questions Does Cover figures need a plugin? No. It is built only from core WordPress blocks (button, buttons, cover, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Cover figures match my theme? Choose by variation. Three veiled figures takes your theme’s palette; Porcelain and heather brings its own colours. How many variations does Cover figures have? 2: Three veiled figures and Porcelain and heather. 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 Cover figures free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. 14KB of core-block markup, 6 blocks (button, buttons, cover, 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/) 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 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks button, buttons, cover, group, heading, paragraph Presets spacing 4, color 5, font-size 2 WordPress 7.0+ Continue exploring ## Next in Stats Explore all 14 Stats patterns (https://patternpaste.com/patterns/stats/)Also in Cover (https://patternpaste.com/patterns/cover/) Shot in Twenty Twenty-Five Stats No plugin needed ### Arisings recycled figures A figures section on an inverted slab where one number carries it: a percentage set at display size over a heading that finishes the sentence and a short note, beside a tall photograph. Stats Preview pattern (https://patternpaste.com/pattern/arisings-recycled-figures.html) Shot in Twenty Twenty-Five Stats No plugin needed ### Date in figures One date made the headline: a dark slab with a small label and heading over the day, month and year as three equal figures at monumental size, each with a small word beneath and a hairline between them, then one line of place and an Add to your calendar button. Stats Preview pattern (https://patternpaste.com/pattern/date-in-figures.html) Shot in Twenty Twenty-Five Stats No plugin needed ### Stat callout A high-impact framed spotlight plaque: a central marquee figure and bold executive statement sit above a ruled three-part corroboration shelf enclosed within the same 1px currentColor architectural frame. Stats Preview pattern (https://patternpaste.com/pattern/stat-callout.html)