Pattern Paste
Subscribe

Core Patterns Cover

FreeStandard

Cover veil

A full-bleed cover whose photograph is reduced to grain behind a display headline by a heavy veil of your theme's contrast colour.

The one cover design where the type sits on the image, measured against the lightest and darkest photograph you could choose. Includes a replaceable example photograph. Ships with a short hand-off row on your theme's paper below it, so the cover reads as a section and not the page.

All patterns

Loading patterns…

Theme
Preview size
Look

Takes your theme’s colours and type.

Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

The signature moment

Scale collision

A 13px eyebrow at very open tracking, then a headline that runs from 44px to 100px, with nothing between them but a spacing preset. The headline is off the theme's ladder, a bare clamp(), because its size is the composition; the theme's own tracking and leading carry it. The lede is held to a 34rem measure under the headline, so the line lengths go tiny, enormous, modest. The photograph is there for texture and nothing else; at 80% veil it reads as grain, not as a picture.

Theme handoff

What comes from where

Theme and pattern

Inherits: every colour (veil contrast, type base), the typeface, the spacing scale. Decides: the veil's opacity, the type ramp, the 34rem measure, the 40rem minimum height (in rem, never vh), padding above and below. The cover states its own text colour chain so core's :where() rule that paints cover text #fff never applies. Heading level is h1: this is a page opener.

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 full-bleed core/cover whose photograph is reduced to grain by a heavy veil of your theme's contrast colour, with a display headline set directly on it. Type sits on the image because the veil makes the ground a bounded quantity.

The signature moment: scale collision

A 13px eyebrow at very open tracking, then a headline that runs from 44px to 100px, with nothing between them but a spacing preset. The headline is off the theme's ladder, a bare clamp(), because its size is the composition; the theme's own tracking and leading carry it. The lede is held to a 34rem measure under the headline, so the line lengths go tiny, enormous, modest. The photograph is there for texture and nothing else; at 80% veil it reads as grain, not as a picture.

Make it yoursVariations and the edits to make first

Variations

  • Paper veil: the veil is base at 80% and the type contrast. The photograph becomes a pale ghost behind ink. Darkest ground in Twenty Twenty-Four: base over black, rgb(199, 199, 199) under rgb(17, 17, 17), 12.6:1.
  • In motion: backgroundType: "video"; a clip instead of a still, same veil, same type. Choose a short, silent, looping clip; core writes autoplay muted loop playsinline.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits, what it decides

Inherits: every colour (veil contrast, type base), the typeface, the spacing scale. Decides: the veil's opacity, the type ramp, the 34rem measure, the 40rem minimum height (in rem, never vh), padding above and below. The cover states its own text colour chain so core's :where() rule that paints cover text #fff never applies. Heading level is h1: this is a page opener.

Technical notesBlock mechanics, responsive behaviour and constraints

Why type on a photograph is permitted with a measured veil

A photograph's luminance is unknowable, so the rule is that type never sits on one. A cover's veil is the exception that can be measured: its colour is a chain and its opacity is a number, so the darkest ground the type can land on is the veil over a black photograph and the lightest is the veil over a white one. Both are measured, and the worse of the two has to pass. At dimRatio 80 with a contrast veil and base type, the lightest ground in Twenty Twenty-Four is rgb(65, 65, 65) under rgb(249, 249, 249) type, 9.7:1; the no-contract control's is 10.9:1. At dimRatio 40 the same markup measured 2.48:1, too low to read, which is how the veil was set.

So: whatever photograph you choose, light or dark, the words pass. Lower the veil below 80 and that stops being true.

What a buyer changes first

The photograph: the cover includes an example image; choose Replace to pick one from the media library. Then the headline. Keep it under about five words at this size; two lines at 390 is the ceiling.

The hand-off row

A full-bleed cover on its own fills the preview on this page edge to edge, and on a buyer's page it is never alone either. So the pattern ships with what comes next: a short row on your theme's paper under the cover, a tracked label and one paragraph at a 34rem measure. It is ordinary page copy, it shows where the cover ENDS, and it is the first thing a buyer rewrites or deletes. It carries the same chains as everything else.

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 for the sources and licenses. Pasting an image URL does not import a Media Library attachment.

Questions

Cover veil: common questions

Does Cover veil need a plugin?

No. It is built only from core WordPress blocks (cover, group, heading and paragraph), so it pastes into the block editor with nothing to install.

Will Cover veil match my theme?

Choose by variation. Ink veil, In motion and Paper veil take your theme’s palette; Mahogany and honey and Vow bring its own colours.

How many variations does Cover veil have?

5: Ink veil, In motion, Mahogany and honey, Paper veil and Vow. 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 veil free?

Yes. It is one of 62 free Core Patterns: copy it and it is yours to keep and edit. Its Styled looks come with a subscription.

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.

6,198 bytes 
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"dimRatio":80,"customOverlayColor":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))","isUserOverlayColor":true,"minHeight":40,"minHeightUnit":"rem","contentPosition":"bottom left","tagName":"section","align":"full","style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"padding":{"top":"clamp(4rem, 8vw, 7rem)","right":"max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2))","bottom":"clamp(2.5rem, 5vw, 4.5rem)","left":"max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2))"}}},"layout":{"type":"default"},"url":"https://pd.w.org/2026/09/5456a96eac1a20c70.83624730-1152x1536.jpg","alt":""} -->
<section class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:clamp(4rem, 8vw, 7rem);padding-right:max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2));padding-bottom:clamp(2.5rem, 5vw, 4.5rem);padding-left:max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2));min-height:40rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim" style="background-color:var(--wp--preset--color--contrast, var(--wp--preset--color--black))"></span><img class="wp-block-cover__image-background" alt="" src="https://pd.w.org/2026/09/5456a96eac1a20c70.83624730-1152x1536.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","textTransform":"uppercase","letterSpacing":"0.24em","fontWeight":"600"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.24em;text-transform:uppercase">Annual report, chapter one</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"var:preset|spacing|40"}},"typography":{"fontSize":"clamp(2.125rem, calc(0.37rem + 7.2vw), clamp(2.75rem, 7.2vw, 6.25rem))"}}} -->
<h1 class="wp-block-heading has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:var(--wp--preset--spacing--40);font-size:clamp(2.125rem, calc(0.37rem + 7.2vw), clamp(2.75rem, 7.2vw, 6.25rem))">Built slowly, on purpose.</h1>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(2rem, 4vw, 3.5rem)"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"34rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:clamp(2rem, 4vw, 3.5rem);padding-right:0;padding-left:0"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1.0625rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1.0625rem))">Twelve months, four sites and one decision we would make again. Replace the sample photograph with your own. The veil keeps the words readable over the image.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></section>
<!-- /wp:cover -->

<!-- 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|60","bottom":"var:preset|spacing|70","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--60);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--70);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:group {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","textTransform":"uppercase","letterSpacing":"0.22em","fontWeight":"600"},"layout":{"selfStretch":"fixed","flexSize":"12rem"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.22em;text-transform:uppercase">Chapter one</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"34rem","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1rem, 1.15vw, 1.125rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--medium, clamp(1rem, 1.15vw, 1.125rem))">The year in one number and six decisions: what we built, what we stopped building, and why the slowest project in the portfolio is the one we are proudest of.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Variation: In motion
5,964 bytes 
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"dimRatio":80,"backgroundType":"video","customOverlayColor":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))","isUserOverlayColor":true,"minHeight":40,"minHeightUnit":"rem","contentPosition":"bottom left","tagName":"section","align":"full","style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"padding":{"top":"clamp(4rem, 8vw, 7rem)","right":"max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2))","bottom":"clamp(2.5rem, 5vw, 4.5rem)","left":"max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2))"}}},"layout":{"type":"default"}} -->
<section class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:clamp(4rem, 8vw, 7rem);padding-right:max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2));padding-bottom:clamp(2.5rem, 5vw, 4.5rem);padding-left:max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2));min-height:40rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim" style="background-color:var(--wp--preset--color--contrast, var(--wp--preset--color--black))"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","textTransform":"uppercase","letterSpacing":"0.24em","fontWeight":"600"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.24em;text-transform:uppercase">Annual report, chapter one</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"var:preset|spacing|40"}},"typography":{"fontSize":"clamp(2.125rem, calc(0.37rem + 7.2vw), clamp(2.75rem, 7.2vw, 6.25rem))"}}} -->
<h1 class="wp-block-heading has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:var(--wp--preset--spacing--40);font-size:clamp(2.125rem, calc(0.37rem + 7.2vw), clamp(2.75rem, 7.2vw, 6.25rem))">Built slowly, on purpose.</h1>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(2rem, 4vw, 3.5rem)"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"34rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:clamp(2rem, 4vw, 3.5rem);padding-right:0;padding-left:0"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1.0625rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1.0625rem))">Twelve months, four sites and one decision we would make again. Add your own clip. The veil keeps the words readable over the video.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></section>
<!-- /wp:cover -->

<!-- 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|60","bottom":"var:preset|spacing|70","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--60);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--70);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:group {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","textTransform":"uppercase","letterSpacing":"0.22em","fontWeight":"600"},"layout":{"selfStretch":"fixed","flexSize":"12rem"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.22em;text-transform:uppercase">Chapter one</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"34rem","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1rem, 1.15vw, 1.125rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--medium, clamp(1rem, 1.15vw, 1.125rem))">The year in one number and six decisions: what we built, what we stopped building, and why the slowest project in the portfolio is the one we are proudest of.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Variation: Paper veil
6,222 bytes 
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"dimRatio":80,"customOverlayColor":"var(--wp--preset--color--base, var(--wp--preset--color--white))","isUserOverlayColor":true,"minHeight":40,"minHeightUnit":"rem","contentPosition":"bottom left","tagName":"section","align":"full","style":{"color":{"text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"clamp(4rem, 8vw, 7rem)","right":"max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2))","bottom":"clamp(2.5rem, 5vw, 4.5rem)","left":"max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2))"}}},"layout":{"type":"default"},"url":"https://pd.w.org/2026/09/5456a96eac1a20c70.83624730-1152x1536.jpg","alt":""} -->
<section class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left has-text-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));padding-top:clamp(4rem, 8vw, 7rem);padding-right:max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2));padding-bottom:clamp(2.5rem, 5vw, 4.5rem);padding-left:max(clamp(1.25rem, 4vw, 4rem), calc((100% - 1240px) / 2));min-height:40rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim" style="background-color:var(--wp--preset--color--base, var(--wp--preset--color--white))"></span><img class="wp-block-cover__image-background" alt="" src="https://pd.w.org/2026/09/5456a96eac1a20c70.83624730-1152x1536.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","textTransform":"uppercase","letterSpacing":"0.24em","fontWeight":"600"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.24em;text-transform:uppercase">Annual report, chapter one</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"color":{"text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"margin":{"top":"var:preset|spacing|40"}},"typography":{"fontSize":"clamp(2.125rem, calc(0.37rem + 7.2vw), clamp(2.75rem, 7.2vw, 6.25rem))"}}} -->
<h1 class="wp-block-heading has-text-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));margin-top:var(--wp--preset--spacing--40);font-size:clamp(2.125rem, calc(0.37rem + 7.2vw), clamp(2.75rem, 7.2vw, 6.25rem))">Built slowly, on purpose.</h1>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"clamp(2rem, 4vw, 3.5rem)"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"34rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:clamp(2rem, 4vw, 3.5rem);padding-right:0;padding-left:0"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1.0625rem))"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1.0625rem))">Twelve months, four sites and one decision we would make again. Replace the sample photograph with your own. The veil keeps the words readable over the image.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></section>
<!-- /wp:cover -->

<!-- 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|60","bottom":"var:preset|spacing|70","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--60);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--70);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:group {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","textTransform":"uppercase","letterSpacing":"0.22em","fontWeight":"600"},"layout":{"selfStretch":"fixed","flexSize":"12rem"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.22em;text-transform:uppercase">Chapter one</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"34rem","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1rem, 1.15vw, 1.125rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--medium, clamp(1rem, 1.15vw, 1.125rem))">The year in one number and six decisions: what we built, what we stopped building, and why the slowest project in the portfolio is the one we are proudest of.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Back to Core Patterns

Continue exploring

Next in Cover

Explore all 16 Cover patterns Also in Hero

Cover triptych rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover triptych

One landscape photograph cut into three tall panels hung side by side with a gap of your page between them: each panel is a cover at exactly a third of the picture's shape, focused on its own third, so the image runs on across the gaps.

CoverPreview pattern
Cover window rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover window

A full-bleed cover whose photograph sits under a heavy veil of your theme's contrast colour, with display type on one side and, on the other, a second cover showing the same photograph with no veil at all, with the same focal point, so it reads as a window cut through the veil.

CoverPreview pattern
Cover cascade rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover cascade

Three photographs of different sizes and shapes dealt across the page like prints on a table, each lapping the one before it down and across, edged in a thin mat of your theme's base colour, beside a display heading, lede and button on your page ground.

CoverPreview pattern