Pattern Paste
Subscribe

44 layout options37 Styled looksNo plugin needed

WordPress cover block patterns

Add a WordPress cover section with block patterns: full-bleed photographs or video with the type on a plate or behind a veil, for your theme.

81 layout options shown

Showing 1–50 of 81

Live preview at its actual size. Scroll to explore the whole section.

Explore pattern

Article cover chapter rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Article cover chapter

A full-bleed article cover with an oversized chapter number beside the title, standfirst and author, date and reading-time facts.

Single articlesPreview pattern
Compare cover panels rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Compare cover panels

A two-option comparison placed inside one photographic cover: a large recommended panel and a smaller, offset alternative sit on opaque plates with a broad channel of the photograph left visible between them.

ComparePreview pattern
Contact cover ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact cover ledger

A full-bleed contact cover: a display heading in the top left, and a ruled ledger of address, hours, phone and email in the far lower-right corner, label left and value right between hairline rules, with the photograph running between them.

ContactPreview 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
Cover contents rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover contents

A full-bleed photograph under a heavy veil of your contrast colour, set like a magazine contents page: a large eyebrow, a display title and a short lede, then a ruled list of four rows, each a small clear photograph, a number, a large title and a text link.

CoverPreview pattern
Cover figures rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

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.

StatsPreview pattern
Cover filmstrip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover filmstrip

A full-bleed band in your theme's contrast colour with a display heading, a short lede and a button, over a single row of five tall photographs that runs into both edges of the page: the middle three are whole frames numbered 02 to 04 on small plates, and the first and last are narrower crops flush to the page edges, so the strip reads as cut by the page.

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

Cover interval

A short full-bleed band of looping video set between two text sections, almost empty on purpose: a 20% veil of your contrast colour over the clip and one small ink plate on the bottom-right edge carrying a tracked label and one line.

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

Cover lap

A page opener where a full-bleed photograph gives way to a band of your theme's paper, and an ink plate carrying the eyebrow, headline, lede and button straddles the edge between them: half on the picture, half on the page.

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

Cover ledger

A full-bleed cover on your own photograph with nothing on it but a ledger of three paper plates flush along its foot: a number at display size, a small tracked label and one line on each, with the photograph showing through the gaps.

CoverPreview pattern
Cover lit column rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover lit column

A display heading and lede on your page ground over a full-bleed band of four tall photographs set edge to edge.

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

Cover mosaic

Five photographs as cover tiles locked into one bento grid: a large square, a tall portrait, two small tiles and a wide panorama, with an ink slab carrying the eyebrow, heading, lede and button in the sixth cell.

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

Cover plate

A full-bleed cover on your own photograph with a paper plate grown out of its bottom-left corner carrying the eyebrow, headline and one line.

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

Cover portholes

A tall full-bleed photograph with three large circular photographs of decreasing size centred on its lower edge, half on the picture and half on your theme's paper, each captioned below.

CoverPreview pattern
Cover seam stamp rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover seam stamp

Two full-height photographs side by side at full bleed with no gap: the left under a heavy veil of your theme's contrast colour carrying an eyebrow, display headline, lede and button, the right clean.

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

Cover seams

Three full-bleed photographs stacked edge to edge, each a chapter, with a numbered plate straddling every seam: half on one photograph and half on the next, alternating left and right, and the last plate stepping off the third photograph onto your theme's paper.

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

Cover stair

Three tall portrait photographs in a row, each set lower than the last by the same step so their tops form a staircase, with a numbered label and a short title under each.

CoverPreview pattern
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 veil rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

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.

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
CTA cover rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA cover

The closing band that ends on a photograph.

Call to actionPreview pattern
CTA two doors rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA two doors

A closing band split into two tall photographs side by side, edge to edge, each a door for a different audience with its own label, heading, line and button.

Call to actionPreview pattern
Editorial cover contents rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Editorial cover contents

A screen-height cover like a magazine's: a heavy veil of your theme's contrast colour over the photograph, a display headline hung in the lower left and a numbered contents list in a narrow column at the top right, each entry a number, a title and one line between hairline rules.

EditorialPreview pattern
FAQ cover questions rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ cover questions

A screen-height FAQ on a photograph: a heavy veil of your theme's contrast colour, a display headline in the lower left and five numbered questions in a ruled column at the lower right, each one opening in place to its answer.

FAQPreview pattern
Footer cover colophon rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer cover colophon

A footer that ends the page on a photograph: a full-bleed cover under a heavy veil of your theme's contrast colour, a display-size sign-off high on it with an outlined contact button and one line of copy, four short link columns lower down, and along the very floor a hairline and the small print.

FooterPreview pattern
Hero corner notes rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero corner notes

An image-led architecture opening with a compact headline plate in the upper-left corner and a project invitation in the lower-right.

HeroPreview pattern
Hero cover bookmark rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero cover bookmark

A bright café photograph fills a full-width cover behind a tall, inset copy panel.

HeroPreview pattern
Hero cover rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero cover rail

A full-bleed hero on your own photograph, with a 1px hairline running down the middle of the picture to divide the statement from the facts.

HeroPreview pattern
Hero horizon band rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero horizon band

A coastal-stay opening with a broad opaque title band set across a bright full-width photograph.

HeroPreview pattern
Hero landscape wings rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero landscape wings

A broad coastal photograph is framed by two narrow, shorter photographic wings under an oversized headline and compact introduction.

HeroPreview pattern
Hero reel rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero reel

A full-bleed video cover, 44rem tall, with every word of it packed into the bottom-left corner: a tracked eyebrow, a display headline held to a measure that stays 26rem up to a 1300px window and opens to 38rem on a wide one, one line of orientation and two buttons.

HeroPreview pattern
Hero slab over still rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero slab over still

Two full-bleed slabs stacked on one hard edge: an inverted band carrying an eyebrow, a display headline on a 32rem measure and two buttons, and beneath it a full-bleed picture that carries no type at all.

HeroPreview pattern
Hero tint wash rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero tint wash

A full-bleed photographic opener with exactly three things on it: one two-word headline at up to 128px, a 12px tracked line sitting straight underneath it, and one button.

HeroPreview pattern
Hero, two covers rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero, two covers

An opening built from two identical photograph frames side by side with a hairline gutter between them.

HeroPreview pattern
Listings cover programme rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Listings cover programme

An event poster as a full-bleed cover: a heavy veil of your theme's contrast colour over the photograph, a huge event title with its dates and venue set in the top left, and below it, across the cover's full width, a dated programme of five sessions as ruled rows, each a day and time, a session title and a place.

ListingsPreview pattern
Page header cover strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header cover strip

An interior-page opener with a small location label, h1 title and short introduction in a narrow full-height plate of your theme's base beside a broad uninterrupted photograph.

Page headerPreview pattern
Posts cover front page rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Posts cover front page

A newspaper front page set on one photograph: a heavy veil of your theme's contrast colour over the picture, a masthead ruled across the top, the lead story low in the left two thirds with a kicker, a display headline that links to the post, a standfirst and a byline, and a ruled right column headed "Also in this issue" listing three more stories between hairlines.

BlogPreview pattern
Pricing cover menu rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Pricing cover menu

A screen-height cover with three plans set on it like a restaurant menu: a heavy veil of your theme's contrast colour over the photograph, a display headline in the lower left and a narrow ruled price list in the right-hand column, each plan a name and its price on one line and a sentence beneath, hairline rules between, one button under the list.

PricingPreview pattern
Stats cover floor rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stats cover floor

A tall full-bleed cover with the heading high in the frame, a long stretch of photograph beneath it, and four figures standing in a ruled strip along the cover's bottom edge.

StatsPreview pattern
Steps cover stair rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps cover stair

A full-bleed cover with a heavy veil of your theme's contrast colour over the photograph, a display headline at the top left and three numbered steps set as a stair: each step a huge numeral, a short title and one line under a hairline rule, every column starting lower than the one before, so the steps descend down and to the right across the photograph.

How it worksPreview pattern
Testimonial cover quote rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial cover quote

A full-bleed cover where one client quotation is set at display size across the whole photograph, under a heavy veil of your theme's contrast colour, with the name and role on a small paper plate in the lower right corner.

TestimonialsPreview pattern
Timeline on a cover rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline on a cover

A whole history laid over one full-bleed photograph.

TimelinePreview pattern
On the veil, a variation of Timeline on a cover rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

On the veil

The composition changes rather than the colour: the plate is removed and the record is set straight onto the photograph, at a wider measure and a larger heading.

Variation of Timeline on a coverPreview pattern
Timeline cover years rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline cover years

A full-bleed cover under a heavy veil of your theme's contrast colour: a display headline in the lower left and, down the right side, a rail of six years, each a large year figure and one event line, joined by a vertical rule with a hairline branching off at every year.

TimelinePreview pattern

Choose a layout for your page

Choose a plate when the photograph is busy and a veil when it is calm. Check the text contrast with your own image before publishing.

New to patterns? Learn how to copy and paste a pattern. Read how we test patterns.

All Core Patterns