Pattern Paste
Subscribe

388 layout options280 Styled looksNo plugin needed

Core WordPress Patterns

Native WordPress layouts that follow your block theme. Find a pattern, paste it into your page, and make it yours.

668 layout options shown

Showing 1–50 of 668

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

Explore 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 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 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 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
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 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
Before and after change spine rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Before and after change spine

Two equal square photographs frame a narrow record of three interior styling decisions.

GalleryPreview pattern
Comparison service fork rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Comparison service fork

One repair question splits into a short workshop route and a longer home-visit route, then rejoins at a shared promise.

ComparePreview pattern
Comparison shared spine rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Comparison shared spine

Repair and commission choices share a narrow central criteria spine, so each row compares the same question before moving on.

ComparePreview pattern
Event ticket stack rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Event ticket stack

Three community workshop tickets form a stepped stack, each event body joined to a narrow date stub by a perforated seam.

ListingsPreview pattern
Weekly class ribbon rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Weekly class ribbon

A studio programme hangs three recurring classes from one continuous top rail.

ListingsPreview pattern
Menu counter slip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Menu counter slip

An oversized order number anchors a lunch deal beside a narrow counter menu.

ListingsPreview pattern
Menu tasting route rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Menu tasting route

Four tasting courses follow a winding rule across the page, each with an oversized index, a dish name and its ingredients.

ListingsPreview pattern
Header station board rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeaderNo plugin needed

Header station board

A compact wordmark and broad destination links turn the header into a typographic signboard, with a separate address and opening-hours rail.

HeaderPreview pattern
Header wayfinding plaque rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeaderNo plugin needed

Header wayfinding plaque

A projecting nameplate beside two stacked routes: the visitor menu above a ruled contact and booking rail.

HeaderPreview pattern
Reviews score cutout rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Reviews score cutout

Four short reviews wrap around a large central score within one ruled composition.

TestimonialsPreview pattern
Process delivery manifest rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Process delivery manifest

A three-phase handoff unfolds through nested document frames: the brief contains the proof, and the proof contains the final delivery.

How it worksPreview pattern
Process switchback rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Process switchback

Four numbered joinery steps follow alternating ruled landings, turning from one edge to the other while keeping a clear reading order.

How it worksPreview pattern
Accreditation certificate stub rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Accreditation certificate stub

One asymmetric assurance document: a broad, ruled field holds a display statement and three compact proof records for membership, cover and standards.

LogosPreview pattern
Footer booking fold rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer booking fold

A local-business footer drawn as an open fold: a broad field puts a display sign-off above the address, grouped hours and contact links; a narrower booking corner begins lower, enclosed by a heavy top edge and two sides.

FooterPreview pattern
Hours counterweight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Hours counterweight

An opening-hours sign with a monumental opening time balanced by a smaller closing-time plate.

ContactPreview pattern
Arisings recycled figures rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo 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.

StatsPreview pattern
Hero crown sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero crown sheet

A trade hero where a site-survey sheet laps up over the corner of a tall photograph: an oversized headline, a short line, a call button and a text link centred beside a 4:5 picture, and over its foot a framed card listing the tree, its height and the work proposed on ruled lines and the promise of a written quote in 48 hours.

HeroPreview pattern
Logs for sale ticket rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Logs for sale ticket

A price ticket for a by-product sale: a heading, a line and two stacked photographs beside a framed card with two oversized prices side by side, a dashed tear line, ruled facts on moisture, delivery and wood chip, and how to order with a call button and a text link.

PricingPreview pattern
Season calendar strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Season calendar strip

The year as one strip of twelve month cells, each naming the work that suits it: winter months inverted, the nesting months marked with a heavy top rule, autumn months set apart, and a three-part key beneath saying why.

TimelinePreview pattern
Services tree work glossary rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Services tree work glossary

A services section written as a glossary: an oversized heading and a short line, then a ruled ledger of six trade terms, each set large with its from price beneath and a plain-English line beside it, next to two stacked photographs.

FeaturesPreview pattern
TPO permission steps rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

TPO permission steps

A four-step process on an inverted slab for work that needs the council's consent: each step opens with an oversized numeral and a timescale badge on a hairline, then a heading and a short line.

How it worksPreview pattern
Availability calendar rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Availability calendar

The next six months at a glance, as a wall planner of month tiles: each tile gives the year, the month at display size and a status with a small square mark.

TimelinePreview pattern
Callout response clock rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Callout response clock

A call-out section where the day is drawn to scale: a label, heading and a call button over one framed bar of three segments whose widths are their hours, 8am to 6pm, 6pm to midnight and midnight to 8am.

Call to actionPreview pattern
Case study spread rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Case study spread

One project told in full on a dark slab: a label and a display headline, a large photograph with a smaller one lapping its lower corner and hanging below it, then three columns for the brief, what was done and what it became, the last closing on three big figures, and a client's line under a hairline.

EditorialPreview pattern
Emergency triage list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Emergency triage list

An emergency page section for a trade: a header with a legend of three verdict tags, then seven ruled rows sorted by urgency, each the problem as a card title, what to do now, and a verdict tag at the right: ring now, book it, or ring the gas line first.

FAQPreview pattern
Engineer ID card rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Engineer ID card

A trust section for a trade: a reading column on checking who is coming, beside two registration cards drawn as objects.

TeamPreview pattern
Fixed price job board rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Fixed price job board

A price board for a trade's everyday jobs: a label, heading and one line over eleven job cards and one photograph, each card wearing its fixed price on a tag with a punched hole that laps the card's top edge, then the job, what is included and a ruled line for the time on site.

PricingPreview pattern
Gallery darkroom wall rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery darkroom wall

A selected-work wall on a dark slab: ten photographs hung in three bands, a wide frame beside a tall one, then a staggered trio of columns where portrait and landscape frames interlock, then the first band mirrored, every band ending level.

GalleryPreview pattern
Hero name and contact strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero name and contact strip

A portfolio home hero where the person's name is the headline, set at the width of the page, then a hairline with one line of discipline and place, a short sentence, a filled and a text-link action and an availability note, then a strip of five photographs of equal height, each with a frame number and place beneath like a contact sheet.

HeroPreview pattern
Job sheet breakdown rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Job sheet breakdown

One big job priced as the sheet it was written on: beside a label, heading, a short list of what moves the price, a button and a photograph, a card headed with the job number and address lists each line with its quantity and amount on hairlines, then the subtotal and VAT, then the total at display size ruled off twice, and a stamp reading fixed price, agreed before we start.

PricingPreview pattern
Rates day sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Rates day sheet

A freelancer’s rates as one printed rate card: a short introduction and a single booking button beside a card with a heavy masthead rule, three ruled rows each naming the rate, what it covers and what it includes, with the price set at display size in the right margin, and the terms (deposit, usage, travel, weather) as small print at the foot.

PricingPreview pattern
Review job dockets rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Review job dockets

Reviews for a trade, each filed against the job it was for: a header with the average score beside the heading, then three docket cards whose inverted head strip names the job, the postcode, the price and the time on site above a dashed perforation, the customer's words and their name and street.

TestimonialsPreview pattern
Service area postcodes rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Service area postcodes

A where-we-come section for a local trade: a short reading column beside a grid of 24 postcode tiles, each a district in bold figures over its town.

ContactPreview pattern
Services consumer unit rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Services consumer unit

A trade's services drawn as a consumer unit: a label, heading and line over one framed panel with a head strip reading Main switch and the emergency line, then a wide main switch for emergencies and ten identical circuit modules, each a numbered toggle, the service name and its starting price.

FeaturesPreview pattern
Work index ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Work index ledger

A project index kept as a ledger: eight rows between hairlines, each a small print of the work and then its year, client, one line on the project and the discipline, newest first.

ListingsPreview pattern
Contact travel routes rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact travel routes

A getting-here section for an event or venue on an inverted slab: the postcode at display size as the headline, then three ruled routes, each an origin, its journey time as a large figure and three numbered steps, a strip of practical notes on taxis, parking and the ride home, and a maps link.

ContactPreview pattern
CTA RSVP reply card rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA RSVP reply card

A reply card for an invitation: a double-ruled card centred on the page with the reply-by date at display size, the three things a guest needs to tell you as numbered lines, then a button to your reply form and an email link that opens with the same three questions filled in, and beside the card a ruled note naming who to ask.

Call to actionPreview pattern
Date in figures rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo 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.

StatsPreview pattern
Dress code swatches rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Dress code swatches

A dress code set out as a swatch card: the code's name at display size and one line of what it means, a centred row of five colour circles with their names beneath, then a Yes, please and a Perhaps not list side by side and a strip of three practical notes.

FeaturesPreview pattern
Gallery thank-you tile rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery thank-you tile

A thank-you gallery where the words take one photograph's place: a six-cell grid of 4:5 frames with short captions, the second cell an inverted tile of the same size holding a short thank-you heading, three lines and two links, to the full album and to add your own.

GalleryPreview pattern
Gifts note and list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Gifts note and list

A gifts section where the note outweighs the list: a centred line at display size, a reading-size paragraph under it, then two small cards side by side, a fund with a photograph and a button and a gift list with its number and a link, each ending on what to do.

Call to actionPreview pattern
Hero invitation card rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero invitation card

A wedding hero that is the invitation itself: a full-bleed photograph under a light veil carrying a centred double-ruled card in the order a printed invitation keeps, the families line, the two names stacked around an italic ampersand, the invitation line, the date and time, the venue, a hairline and an RSVP button beside a text link.

HeroPreview pattern
Menu place card rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Menu place card

A wedding breakfast menu set as a place card: a narrow double-ruled card centred beside a tall photograph of the table, a heading, then each course as a small label over two dishes divided by an italic or, dietary marks after each dish, and a key and note at the foot.

ListingsPreview pattern
Stays room blocks rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Stays room blocks

Where to stay for guests travelling to an event: a lead card with a photograph spanning two rows beside two smaller cards, each with the place, the distance, a line about it, the price and a Book direct link, and each ending on an inverted stub carrying the code to quote and the date the held rooms go back on sale.

ListingsPreview pattern
Story two voices rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Story two voices

How we met, told twice: two monogram circles head two columns, Nell and Sam, then three questions set across the full width, each answered once by each of them side by side, the answers disagreeing a little.

EditorialPreview pattern
Team wedding party aisle rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team wedding party aisle

A wedding party on an inverted slab, the two sides facing each other across an aisle: a hairline down the centre, each person a row with an initial in a drawn circle toward the aisle and their name, role and one line away from it, and the flower girl alone and centred beneath both sides.

TeamPreview pattern
Timeline order of service rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline order of service

The order of the day as an order-of-service booklet opened flat: a cover page with the names, the date, a small photograph and the place meets a running page at the fold, where each time is a small tracked label over the event in a larger line, centred and divided by short rules.

TimelinePreview pattern
Appointment letter checklist rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

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.

FeaturesPreview pattern
Clinician week rota rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Clinician week rota

A small team's week as a rota: six days down the side, early, day and evening sittings across the top, and in each ruled cell the first names of who is working, so a customer can pick the person whose hours fit theirs.

TeamPreview pattern
Conditions head to foot rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Conditions head to foot

What a clinic treats, as an index of the body read top to bottom: six ruled rows from head and neck to ankle and foot, each with the area as a heading, how many sessions it usually takes and the conditions seen there, and beside every row a small head-to-foot gauge marking where on the body it sits.

FeaturesPreview pattern
Course plan taper rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Course plan taper

A typical course of treatment drawn as eight weeks on a ruled baseline: a solid bar for each clinic session, its height set by its minutes, and a short rule for each week of exercises at home, so the sessions visibly shorten and spread out as the course goes on.

TimelinePreview pattern
First visit to scale rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

First visit to scale

What happens at a first appointment, drawn to scale: a bar of the whole appointment split into three solid segments whose widths are each step's share of the minutes, a scale line under it, then the three steps at the same widths, stacking on a tablet and a phone, with a title and a line each, and a closing note with one button.

How it worksPreview pattern
Hero next slots rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero next slots

A clinic or practice hero: a display headline, a short lead and two text links beside a square photograph, with a card of the next free appointments lapping the photograph's foot.

HeroPreview pattern
About day in hours rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

About day in hours

An about-us story told as the business’s working day: an intro, two photographs and one action on the left, and on the right a ruled run of clock times, each time set large beside a short title and a line about what happens then.

TeamPreview pattern
About pull quote photo rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

About pull quote photo

A founder’s story led by a large pull quote on a plate that laps up over an offset pair of photographs, a tall one and a shorter one dropped lower, with a signed attribution, a short paragraph and a text link.

TeamPreview pattern
About suppliers miles rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

About suppliers miles

Where the food comes from: a heading and a line of story beside a ruled list of suppliers, each with what they bring and how many miles away they are as a large figure on the right.

TeamPreview pattern
Catering order steps rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Catering order steps

Ordering catering for an office or a party in three steps, each led by its lead time as a large figure (48 hours, the day before, collect at 8) under a heavy rule, then a plate with the starting price and one button.

FeaturesPreview pattern
Contact getting here rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact getting here

A contact section for a place people visit: a wide photograph of the room, an address card lapping up over its lower corner with the hours, phone, email, a call button and a directions link, and beside it a ruled getting-here list for the bus, parking, step-free access and bikes.

ContactPreview pattern
Events date tiles rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Events date tiles

Upcoming events as tear-off calendar leaves: each tile has a month strip with the weekday, the day of the month as a big numeral, the event’s title, its time and price, and a ruled book link at the foot, all tiles level at every width.

ListingsPreview pattern
Gift voucher ticket rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Gift voucher ticket

A gift voucher drawn as a ticket: one card split by a dashed perforation into a stub carrying the value and a body saying what it buys and how to get one, with one button.

Call to actionPreview pattern
Hero open now stamp rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero open now stamp

A café home hero: a large photograph with a round Open today stamp giving the hours lapping its bottom corner, and beside it a label, the headline, a line of welcome, two actions and the address on a rule.

HeroPreview pattern
Loyalty stamp card rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Loyalty stamp card

A coffee loyalty card drawn in blocks: ten numbered circles in two rows of five, the first four stamped and the tenth marked on us, and beside it how it works in three numbered ruled lines and a link.

Call to actionPreview pattern
Menu chalkboard rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Menu chalkboard

A menu written up like the board behind the counter: a framed dark board carrying a centred heading and two columns of dishes, each with its price on the right and a short note beneath on a dashed chalk line, and a centred allergy note and link at the foot.

ListingsPreview pattern
Menu dish anatomy rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Menu dish anatomy

One signature dish photographed in the middle, its four parts labelled around it: each label a name and a short line on a hairline leader that runs to the photograph, two on each side, then the price and a link.

FeaturesPreview pattern
Specials today band rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Specials today band

A band between two rules that leads with the word Today at display size, a line and one action, then three dishes, each a landscape photograph with its name, price and a short note.

Call to actionPreview pattern
About stacked plates rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

About stacked plates

An about-us story set as three stacked plates: a photograph mounted on a pale mat, the mat on a larger inverted plate, and the story itself on a third plate lapped over the lower corner of the frame.

TeamPreview pattern
Careers vacancies rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Careers vacancies

Open roles as ruled rows for a local employer: the role and its team at the left, then the hours, then the pay set larger than body text, and an Apply button at the right, so the terms are read before the click.

ListingsPreview pattern
Donate impact tiers rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Donate impact tiers

Four donation cards for a charity, each amount set at display size over what it pays for, one plain line of how, and a Donate button on the foot.

PricingPreview pattern
Emergency strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Emergency strip

A slim emergency band one line tall on a desktop: the problem as a question, the promise of how fast you arrive, and the phone number as a tap-to-call button, stacking on a phone.

Call to actionPreview pattern
Feature circle badges rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature circle badges

Four large circles in a poster row, alternately filled and outlined, each holding one figure a customer cares about, with a short caption under it and a call or booking action beneath the row.

FeaturesPreview pattern
Hero arch rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero arch

A shop or studio hero with the photograph cut into an arch, rounded across the top and square at the foot, beside a display headline, a short lead and two actions.

HeroPreview pattern
Services bento rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Services bento

Six rounded service tiles locked into a bento grid: a large photo tile spanning two columns and two rows, two tall tiles beside it, a wide tile and two small figure tiles underneath.

FeaturesPreview pattern
Team small business rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team small business

The people of a small local business as four equal tiles: the first tile is the introduction, the other three a portrait, a first name, a role and one plain line each.

TeamPreview pattern
Testimonial overlap cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial overlap cards

Three review cards lapped up over the foot of a wide photograph at three different heights, each card a plate with one rounded corner, a large opening quotation mark, the review and a round portrait with the reviewer's name at its foot.

TestimonialsPreview pattern
Venue spaces capacity rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Venue spaces capacity

Three hireable spaces for an events venue, each a photograph, the room name, its standing and seated capacity set as two display figures between rules, a line of what is included and an Enquire button on the foot.

FeaturesPreview pattern
About founder story rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

About founder story

An about-page story told by the founder.

TeamPreview pattern
Accreditations ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Accreditations ledger

The trade bodies, schemes and awards behind a builder, an electrician or a clinic, set as a ledger of six ruled cells.

LogosPreview pattern
Before and after pairs rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Before and after pairs

Recent work for a builder, a landscaper or a decorator, shown as three static before and after pairs.

GalleryPreview pattern
Case study summary rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Case study summary

One project told as a case study.

GalleryPreview pattern
CTA book appointment rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA book appointment

A booking band for a clinic or a salon where the next free slot is the headline.

Call to actionPreview pattern
CTA call now rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA call now

An emergency band for a trade that answers the phone at night.

Call to actionPreview pattern
Reviews score summary rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Reviews score summary

A review summary for a local business.

TestimonialsPreview pattern
Values three principles rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Values three principles

An about-page values band.

FeaturesPreview pattern
Menu course columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Menu course columns

A restaurant menu in three course columns.

ListingsPreview pattern
Menu single sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Menu single sheet

Today's menu as a single printed card.

ListingsPreview pattern
Price list treatments rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Price list treatments

A salon, spa or clinic price list in three ruled columns.

PricingPreview pattern
Services photo cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Services photo cards

Six service cards for a trade or local business, each a 4:3 photograph, the service name, one line of what is included and a starting price set larger than the name, on a ruled foot beside its booking link.

FeaturesPreview pattern
Why choose us checklist rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Why choose us checklist

A single claim at display size on one side and six ruled check rows on the other, each a large tick, a short promise and one line of proof.

FeaturesPreview pattern
Footer local business rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer local business

A footer for a business people visit: the street address set as the biggest thing on it, then three columns under it for the opening hours in ruled rows, a tap-to-call number and an email, and the social links, and a legal line with the company number and three policy links under a hairline.

FooterPreview pattern
Hours week table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Hours week table

Opening hours as a timetable.

ContactPreview pattern
Nav utility bar rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeaderNo plugin needed

Nav utility bar

A local-business header in two bands: a thin reversed strip across the top carries a tap-to-call telephone number, the opening hours and the area served, and under it the bar holds the name, your WordPress menu and one Book online button over a hairline.

HeaderPreview pattern
Service areas columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Service areas columns

Where a local business works, as a list rather than a map.

ContactPreview pattern
Collected in colour rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Collected in colour

Six mixed-proportion photographs form three staggered columns under a generous editorial introduction.

GalleryPreview pattern
Festival bulletin rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Festival bulletin

A poster-scale festival announcement, four dated tickets and a wristband call to action.

Call to actionPreview pattern
Studio openings rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Studio openings

A measured availability ledger with dated service notices and a clear enquiry action.

Call to actionPreview pattern
The written reply rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

The written reply

A studio invitation with a 48-hour written reply pledge and a numbered account of what happens next.

Call to actionPreview pattern
Product workbench rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Product workbench

A product promise beside a framed list of four native Details drawers for reviewing visual work.

FeaturesPreview pattern
Signal field rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Signal field

A three-part editorial header above a narrow field label and four numbered capability cells, closed by a quiet action.

FeaturesPreview pattern
Studio capabilities rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Studio capabilities

An oversized studio promise above a still, composed two by two field of service words.

FeaturesPreview pattern
Working disciplines rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Working disciplines

A wide editorial introduction above four spacious, numbered service cards in a balanced two by two composition.

FeaturesPreview pattern
Composed signoff rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Composed signoff

Three still slogan rows above a studio footer with contact, navigation and legal details.

FooterPreview pattern
Colour parade rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Colour parade

Five numbered colour studies pair square photographs with oversized numerals and short captions.

GalleryPreview pattern
Cross currents rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Cross currents

Two offset rows compare four distinct photographs beneath a three-part editorial introduction.

GalleryPreview pattern
The long way round rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

The long way round

Five travel photographs make a still filmstrip with alternating landscape and portrait frames, each with its own caption.

GalleryPreview pattern
The Dispatch rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

The Dispatch

A magazine hero with a featured cover story and two secondary stories in a static issue layout.

HeroPreview pattern
Editorial still life rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Editorial still life

An editorial hero with an offset object photograph, copy, a second small still and native story disclosure.

HeroPreview pattern
Partner Assembly rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Partner Assembly

Four double-framed partner plaques pair a project statement with names, numbers and sectors.

LogosPreview pattern
Good Company rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Good Company

Six oversized client names read as quiet typographic credits beneath a short introduction.

LogosPreview pattern
Studio Index rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Studio Index

A numbered studio roster with visible portraits and biographies, plus native disclosures for each person’s practice.

TeamPreview pattern
Studio Partners rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Studio Partners

Two portrait led partner profiles with large quotes and individual actions.

TeamPreview pattern
The Reviews rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

The Reviews

Four monumental editorial quotations form a still newsprint layout with alternating light and dark panels.

TestimonialsPreview pattern
Notes from the Table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Notes from the Table

Four warm guest quotations sit in offset framed cards beneath a conversational introduction.

TestimonialsPreview pattern
Flagship Offer rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Flagship Offer

A single launch package price beside five included pieces and three native FAQ disclosures.

PricingPreview pattern
Quiet retainers rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Quiet retainers

Quiet retainers: a quiet service ledger with native Details.

PricingPreview pattern
The Reading Room rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

The Reading Room

A quarterly print journal and digital archive, with native FAQ disclosures and a paired reader edition.

PricingPreview pattern
Studio service menu rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Studio service menu

Studio service menu: a sliding service menu becomes all offers shown.

PricingPreview pattern
Website care rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Website care

Website care: service scopes beside prices, expandable plan scopes.

PricingPreview pattern
Answers beside an invitation rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Answers beside an invitation

A membership FAQ that ends in an invitation: a tracked label, a two-line display title and a short lead run down the left, then five always-open rows, each with the question on the left and its answer opposite, sit in a wide column beside a rounded panel inverted to your contrast that asks the reader to come and visit, with a heading, a line of copy, a button and a small promise.

FAQPreview pattern
Open book rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Open book

A reading-room FAQ with every answer already open: a small tracked label, a centred display title and a short introduction stand over a two-column grid of four questions, each hung from a hairline with a topic label, the question at heading size, the answer at reading size and a quiet ruled aside beneath it.

FAQPreview pattern
Portrait contact sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Portrait contact sheet

Six numbered portrait cards alternate crop heights to create a contact sheet, each with a name, role, short note and profile action.

TeamPreview pattern
Open studio roster rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Open studio roster

Four large names make a ruled studio roster.

TeamPreview pattern
People behind it rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

People behind it

A centred team introduction above four portrait cards with circular headshots, names, roles, short notes and actions.

TeamPreview pattern
Product team roster rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Product team roster

Four full-height portrait cards place name, role and a short biography on a separate plate below each face.

TeamPreview 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
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
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
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
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
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
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
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
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
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
Feature cover bento rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature cover bento

A short heading row, then a bento of three photograph tiles: one tall cover beside two shorter ones stacked, the tall one exactly as high as the pair and the gap between them.

FeaturesPreview 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
Team cover frieze rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team cover frieze

A heading row, then four tall portrait covers set edge to edge across the full width with no gutter, so the team reads as one continuous frieze.

TeamPreview 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
Social scatter rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Social scatter

A copy column with a label, a large heading, a paragraph and one button beside four photographs in two columns, each column one tall frame and one short one, the second column dropped lower so the cluster reads pinned to a wall rather than laid on a grid.

GalleryPreview pattern
Team alternating profiles rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team alternating profiles

Three broad profile spreads alternate the portrait side, giving each person room for a biography and a personal approach.

TeamPreview pattern
Team department columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team department columns

Three department columns each open with a large portrait and named lead, then introduce a colleague through a smaller face and short profile.

TeamPreview pattern
Team founders diptych rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team founders diptych

Two generous portraits sit side by side, with separate biographies and a shared studio statement beneath.

TeamPreview pattern
Team introduction and face grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team introduction and face grid

An introduction occupies one side of the section, opposite a compact responsive grid of nine square portraits and names.

TeamPreview pattern
Team numbered profiles rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team numbered profiles

Three numbered profiles set oversized index marks beside portraits and focused biographies on an inverted section ground.

TeamPreview pattern
Team oval portraits rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team oval portraits

Four tall oval portraits sit above numbered name-and-role captions, bringing a softer silhouette to a tightly measured team row.

TeamPreview pattern
Team portrait mosaic rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team portrait mosaic

Six profiles form two interlocking arrangements of one tall portrait and two smaller portraits, with every name outside the image.

TeamPreview pattern
Team profile cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team profile cards

Six bordered profile cards pair a small square face with a role, followed by a name and short biography.

TeamPreview pattern
Lead question, rest on a rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Lead question, rest on a rail

One question answered in full with the other eight on a rail beside it: a tracked eyebrow, a question set at up to 56px and an answer that is always open hold a 55% column, and eight small disclosure rows run down a single ruled 45% column on the right, starting on a rule so the rail reads as a table from its first line.

FAQPreview pattern
Lead over three rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Lead over three

One feature carried across the top of the band at display size, with three compact ruled entries in a row beneath it.

FeaturesPreview pattern
Open index rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Open index

A FAQ with nothing to click: six numbered entries run down the band as a two-column ledger, the index number and the question on the left, the answer opposite at reading size on a bounded measure, and a wide hairline closing every row.

FAQPreview pattern
Index beside the field rendered in Twenty Twenty-FiveShot in Twenty Twenty-Five404No plugin needed

Index beside the field

A 404 that reads in two parts rather than three: the label, the headline, one line of instruction and a working search field hold a 60% column, and the site's three most recent posts stand beside them in a rail closed off by a vertical hairline, each entry dated and hung under a rule of its own.

404Preview pattern
The spread as chapters rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

The spread as chapters

Three eras as three chapters, each one a wide 21:9 photograph with its type filed beneath it: the date range at display size on the left, the title and a paragraph of copy on the right.

TimelinePreview pattern
Eras across rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Eras across

A long history read across the page rather than down it: four era columns side by side, each opened by a 2px currentColor rule with its decade at display size, a tracked note under it and five dated single-line entries below that, twenty in all.

TimelinePreview pattern
Two plans as a ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Two plans as a ledger

Two ways to pay set as two ledger entries, one above the other: the plan name and what it includes on the left, the figure and its outlined action in the right-hand column, and the saving between them in tracked capitals, held between two hairlines that run the whole measure.

PricingPreview pattern
The archive as a strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

The archive as a strip

A history taken in one pass: eight narrow 2:3 photographs in a single row across the whole measure, set hard against each other, each filed under a currentColor hairline with its date in wide-tracked capitals and nothing else.

TimelinePreview pattern
Facts beside the title rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Facts beside the title

An interior-page opening that splits in two: a small tracked kicker and the page title hold the left 46% on their own, and the right 54% carries four facts as a ruled ledger, label against value on each line, divided by currentColor hairlines and closed by one at the foot.

Page headerPreview pattern
Lead over the recent row rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Lead over the recent row

Two Query Loops read as one section, turned through ninety degrees: the newest post runs the full measure with a wide 21:9 picture, a byline and an excerpt, and the three behind it sit under it as a row of three ruled date-and-title columns with no picture at all.

BlogPreview pattern
Six framed prints rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Six framed prints

Six square photographs in two rows of three, each one inset inside its own ruled plate with a mat of the band's own ground around it and a small tracked numeral and caption below, so the wall reads as six framed prints rather than six tiles.

GalleryPreview pattern
Index across rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Index across

An opening that doubles as a table of contents, read as a row rather than as a rail: a tracked eyebrow, one display headline held to a 30rem measure and a lede under it, then four numbered entries four-across beneath, each under its own currentColor hairline with one continuous rule closing the strip, and a flat action below.

HeroPreview pattern
Team lead portrait rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team lead portrait

One person opens the section: a tall 2:3 portrait beside their name one rung under the section heading and two lines about them, with three colleagues held in a hairline strip beneath.

TeamPreview pattern
Team roster by desk rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team roster by desk

The studio as a directory in three named desks: a tracked desk label, its own top rule, then hairline rows carrying a small square portrait, a name, a tracked role and one line of what that person does.

TeamPreview pattern
Author profile: portrait card rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Author profile: portrait card

A self-contained author card with a portrait, name, role and a fuller two-paragraph biography.

Single articlesPreview pattern
Author profile: compact row rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Author profile: compact row

An author sign-off with a small portrait, name, area of expertise and a realistic two-paragraph biography.

Single articlesPreview pattern
Article body: classic rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Article body: classic

A full-length everyday article with an opening story, four sections, a practical list, a wide captioned photograph and a block quotation.

Single articlesPreview pattern
Article body: section rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Article body: section rail

A full article in four chapters, with numbered headings in a left rail and longer passages on the right.

Single articlesPreview pattern
Guide: contents above rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Guide: contents above

A complete five-chapter guide with a linked contents box above the reading column.

Single articlesPreview pattern
Guide: contents beside rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Guide: contents beside

A full five-chapter reference article with descriptive contents links and a short note in the left rail.

Single articlesPreview pattern
How-to article: sequence rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

How-to article: sequence

A complete five-step photography tutorial with an introduction, preparation checklist, illustrated instructions, a comparison note and a final review.

Single articlesPreview pattern
How-to article: workbench rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

How-to article: workbench

A substantial project walkthrough that opens with a finished photograph beside preparation notes, followed by five numbered instruction rows.

Single articlesPreview pattern
Further reading: image pair rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Further reading: image pair

Two curated article recommendations with photographs, category labels, realistic headlines and longer excerpts.

Single articlesPreview pattern
Further reading: compact list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Further reading: compact list

A curated further-reading section with an introduction, three realistic article headlines and substantial excerpts.

Single articlesPreview pattern
Key takeaways: three cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Key takeaways: three cards

A fuller article recap with an introductory paragraph and three numbered cards.

Single articlesPreview pattern
Key takeaways: ruled list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveSingle articlesNo plugin needed

Key takeaways: ruled list

An article summary with a short heading in a left column and three substantial takeaways on the right.

Single articlesPreview pattern
Logo sector ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo sector ledger

Ten client logos filed into five sector rows.

LogosPreview pattern
Logo bookends rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo bookends

Two rows of partner logos frame a large centred statement.

LogosPreview pattern
Logo compact strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo compact strip

A concise introduction anchors one end of a shallow band, with four image logos on the other side.

LogosPreview pattern
Logo partner cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo partner cards

Three individually framed partner cards give each logo room, a role label and a short introduction.

LogosPreview pattern
Logo intro wall rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo intro wall

A short introduction sits beside a compact wall of nine named logos.

LogosPreview pattern
Logo partner rows rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo partner rows

An editorial partner directory with three labelled rows of marks.

LogosPreview pattern
Logo spotlight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo spotlight

One oversized partner mark occupies an open feature panel beside six smaller logos in a compact grid.

LogosPreview pattern
Feature image sidelap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature image sidelap

A tall, generous photograph meets an opaque inverted text panel that overlaps its side, with a large heading and a compact feature line.

FeaturesPreview pattern
Feature landscape lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature landscape lap

A broad landscape photograph with a large paper text panel overlapping its lower edge, an oversized heading and one clear action.

FeaturesPreview pattern
Feature portrait pair rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature portrait pair

Two generous portrait photographs, each with an inset paper caption overlapping its foot and a large editorial feature heading.

FeaturesPreview pattern
FAQ bento rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ bento

An asymmetric bento layout pairing a large featured lead card on the left with four compact question tiles on the right.

FAQPreview pattern
FAQ dialogue rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ dialogue

An editorial interview-style FAQ.

FAQPreview pattern
FAQ index rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ index

An editorial inquiry index structured as full-width ruled rows.

FAQPreview pattern
FAQ pillars rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ pillars

A three-column architectural layout organizing questions by topic into vertical pillars.

FAQPreview pattern
FAQ plate rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ plate

An FAQ designed as an isolated focal plate.

FAQPreview pattern
Testimonial lead and rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial lead and rail

An asymmetric two-column section with a 58/42 split: an expansive featured client quote on the left under a large portrait on its attribution rule, counterweighted by a vertical stack of two compact peer testimonials on the right, each with a small portrait, separated by a currentColor hairline.

TestimonialsPreview pattern
Testimonial ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial ledger

Four client testimonials structured as horizontal ledger rows, each bounded by a 1px currentColor hairline with a portrait and the client identity on the left and the direct quote on the right.

TestimonialsPreview pattern
Testimonial metric rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial metric

An outcome-driven testimonial section pairing a display-scale impact figure and context label on the left with an expansive client quote on the right, the client's portrait standing on the ruled attribution beneath it.

TestimonialsPreview pattern
Testimonial ratings rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial ratings

A 6-item reflowing grid of customer reviews, each in a 1px currentColor card topped with a tracked star-rating badge on its own hairline, followed by a punchy review quote and the reviewer's portrait beside their credentials.

TestimonialsPreview pattern
Testimonial stagger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial stagger

Two large-format client testimonials in equal 50/50 columns with an intentional vertical offset: the second column steps down significantly, creating a rhythmic descending cadence between two equally weighted voices, each with a portrait on its attribution hairline.

TestimonialsPreview pattern
Testimonial statement rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial statement

An authoritative single-client quote set at display scale on a focused optical measure, framed between two currentColor hairlines with generous breathing room, the speaker's portrait opening the measure above the top rule and a three-column attribution row at its foot.

TestimonialsPreview pattern
Page header lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header lap

An interior-page opening with a tracked breadcrumb on an inverted band, then the page title and one line of orientation on a sheet of your base that laps over the band's lower edge.

Page headerPreview pattern
Feature bento asymmetric rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature bento asymmetric

An asymmetrical 3-card bento grid pairing one tall hero pillar card on the left with two stacked capability panels on the right, creating a distinct hierarchy of importance.

FeaturesPreview pattern
Feature cluster micro rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature cluster micro

A dense six-card grid (3x2) built with clean hairline borders, compact typography, and distinct category tags for detailed capability scanning.

FeaturesPreview pattern
Feature heroic spotlight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature heroic spotlight

A cinematic feature showcase pairing a prominent hero media plate with a 3-column capability foundation underneath.

FeaturesPreview pattern
Feature media callout duo rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature media callout duo

Two stacked landscape feature cards pairing 16:9 media viewports with structured technical capability breakdowns and callouts.

FeaturesPreview pattern
Feature pill ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature pill ledger

A horizontal list ledger pairing structured feature capability rows with right-aligned metric badge callouts.

FeaturesPreview pattern
Feature plate inset rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature plate inset

An enclosing plate container nesting two contrasting sub-cards with distinct internal padding and structural dividing rules.

FeaturesPreview pattern
Feature quadrant hub rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature quadrant hub

A 2x2 feature matrix divided by continuous structural intersecting rules with numbered corner indices, giving equal structural presence to four core pillars.

FeaturesPreview pattern
Feature ruled trio rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature ruled trio

Three vertical feature columns framed by vertical hairline borders with oversized display index numbers and crisp architectural typography.

FeaturesPreview pattern
Feature split dense rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature split dense

An asymmetrical 40/60 split pairing a strong left-hand headline pillar with a dense four-row capability ledger on the right.

FeaturesPreview pattern
Feature stagger strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature stagger strip

Three vertical feature columns arranged in a staggered descending rhythm with top margin offsets and hairline-bordered cards.

FeaturesPreview pattern
Compact comparison rows rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Compact comparison rows

A mobile-first responsive comparison layout using stacked capability cards: each row pairs a feature title and summary with a side-by-side comparison block, avoiding horizontal table scrolling on small screens.

ComparePreview pattern
Plan comparison table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Plan comparison table

A three-tier pricing and feature comparison layout: top header cards with plan names, prices, and conversion buttons, followed immediately by an aligned capability table.

TablesPreview pattern
Product spec cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Product spec cards

Three product comparison cards in a row: each card carries an image frame with an example photograph cropped to 4:3, print title, paper and size specifications, pricing, and an action button.

ComparePreview pattern
Side by side comparison rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Side by side comparison

Two comparative cards side by side: the conventional method on the left with quiet styling, and your recommended approach on the right with a bold border, a badge pill, checkmark points, and a primary action button.

ComparePreview pattern
Tier comparison cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Tier comparison cards

Three membership tier cards side by side: each card features a tier badge, price headline, ruled checklist of privileges, and a dedicated action button.

ComparePreview pattern
Visual comparison pillars rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCompareNo plugin needed

Visual comparison pillars

Three visual comparison pillars side by side: each column carries a 16:9 media frame, capability highlight, feature checklist, and conversion button, with the centre recommendation elevated with a bold border.

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

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

Stat comparison

A side-by-side comparative delta matrix: two balanced 1px currentColor panels contrast industry standard baseline metrics directly against platform outcomes across setup time, availability, and response latency.

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

Stat matrix

An asymmetric bento matrix: one expansive double-height marquee cell on the left detailing a primary productivity metric, flanked by two stacked secondary stat cells on the right, all framed in 1px currentColor borders.

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

Stat monument

A monumental scale hierarchy: one colossal figure dominates the left flank at display size, paired with an orientation heading and thesis paragraph on the right, anchored by a ruled three-column shelf of subsidiary proof metrics below.

StatsPreview pattern
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 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
Stat ticker rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stat ticker

A high-density horizontal data ribbon framed by top and bottom hairlines, dividing four key metrics with vertical currentColor hairlines.

StatsPreview pattern
Data ledger table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Data ledger table

A structured operational data ledger table featuring date stamps, record categories, status tags, and monetary figures, paired with header action controls.

TablesPreview pattern
Feature checklist matrix rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Feature checklist matrix

A comprehensive multi-category capability matrix in a fixed core table: features grouped under clear category subheaders across four plan tiers with checkmarks, numerical caps, and plan details.

TablesPreview pattern
Benchmark matrix rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Benchmark matrix

A high-density performance and latency benchmark table comparing five execution workloads across our engine, legacy systems, and industry standards, with right-aligned numeric data and a methodology footnote.

TablesPreview pattern
Property spec matrix rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Property spec matrix

A dual-image gallery header paired with a structured property and architectural specification table, dimension breakdown, and inquiry action button.

TablesPreview pattern
Split spec sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Split spec sheet

An image-anchored datasheet: a product photograph, summary, and download action on the left, paired with a dense print specification table on the right.

TablesPreview pattern
Wide region rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Wide region rail

A six-region availability matrix set wider than the measure that introduces it: the heading holds a 32rem column while the table breaks out to the wide width and scrolls sideways in WordPress's own table scroller on a narrow screen.

TablesPreview pattern
Timeline ahead rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline ahead

A timeline that runs forward: six dated entries hung on one continuous currentColor hairline, three of them behind and three still to come, with the current entry set on an inverted plate so the reader can see at a glance where the work stands.

TimelinePreview pattern
Timeline archive rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline archive

A history set as a contact sheet: eight square photographs four across in two tight rows, each filed under a currentColor hairline with the date in wide-tracked caps and three or four words of title.

TimelinePreview pattern
Timeline axis rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline axis

Five eras of one observatory hung across the page rather than down it.

TimelinePreview 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 crossing rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline crossing

Six dated entries alternating across one continuous currentColor rule down the centre of the section: the first hangs left of the line and is set against it, the second hangs right, and so on.

TimelinePreview pattern
Crossed plates, a variation of Timeline crossing rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Crossed plates

The composition changes rather than the colour: each entry becomes a bordered plate rather than bare copy, so the same unbroken rule now threads between six panels instead of running beside six blocks of text.

Variation of Timeline crossingPreview pattern
Timeline frames rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline frames

An image-led history: four dated milestones, each a portrait photograph cropped to 4:5 with its date and title on a slab beneath it, under a currentColor hairline that butts the frame.

TimelinePreview pattern
Frames with a ledger, a variation of Timeline frames rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Frames with a ledger

The composition changes rather than the colour: the four staggered frames are unchanged, and a full-width ruled row is added beneath them listing the same four dates with a short note for each.

Variation of Timeline framesPreview pattern
Timeline numerals rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline numerals

Five dated entries and no rule anywhere.

TimelinePreview pattern
Timeline parallel rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline parallel

Two histories run down the page together and are compared row by row: one track is the organisation itself, the other is the wider field it worked in, and a shared year sits between them.

TimelinePreview pattern
One rail, two tracks, a variation of Timeline parallel rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

One rail, two tracks

The composition changes rather than the colour: the two hairlines collapse into one spine near the centre with the years hung on it, and the tracks lose their own rails.

Variation of Timeline parallelPreview pattern
Timeline spread rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline spread

Three eras, each given a whole editorial spread: a photograph on one side and, on the other, the date range set at display size with a title and a paragraph of copy under it.

TimelinePreview pattern
Timeline stair rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline stair

Six dated entries that step across the page as they descend.

TimelinePreview pattern
Article footer rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Article footer

The close of an article: a portrait of the author beside their name, the biography under both inside a currentColor slip held to the middle half of the measure, and the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer.

EditorialPreview pattern
Bio leads, a variation of Article footer rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Bio leads

The composition changes rather than the colour: the slip moves to the left and takes two thirds of the measure, portrait and all, and the two exits stack in one narrow ruled column at the right, so the section reads as a card with an index beside it.

Variation of Article footerPreview pattern
Article opener rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Article opener

The opening of a long read: a ruled strip of tiny metadata, a headline set as large as the section allows beneath it, a standfirst, and a first paragraph that opens with a drop cap at a strict reading measure.

EditorialPreview pattern
Banded pairs rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Banded pairs

Three full-width bands stacked with no gap between them, alternating between your base and your contrast colour, each holding a pair of 3:2 photograph frames with a tracked caps label, a short heading and a caption under each frame.

GalleryPreview pattern
Chapter rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Chapter rail

A chapter of a guide: a narrow rail on the left carries the chapter numeral at display size and a short contents list, and stays put while the prose on the right scrolls past it.

EditorialPreview pattern
Comments region rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Comments region

The comment thread as a ruled record: a long rule under the count, then every comment opened by a currentColor hairline with the name tracked small against a plain date, the comment set at reading size, and the reply link tracked back down to the name's size.

EditorialPreview pattern
Hanging byline, a variation of Comments region rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Hanging byline

The composition changes rather than the colour: the name and date leave the top of each comment and hang in a narrow left column beside it, so every comment becomes a two column record and the thread reads as a ledger of who said what.

Variation of Comments regionPreview pattern
Compare matrix rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Compare matrix

A capability matrix in a core table: one row per capability, one column for each of the two plans people choose between, and a mark in every cell, with a third plan named in one line under the table instead of a fourth column that would ladder its row headers on a phone.

TablesPreview pattern
Contact ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact ledger

A contact section with no form in it.

ContactPreview pattern
Contact offices rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact offices

Four equal office bays hang from one continuous currentColor hairline, each opened by a replaceable WordPress photograph above its city, time zone, address, hours and direct lines.

ContactPreview pattern
Offices in pairs, a variation of Contact offices rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Offices in pairs

The same four photographs and offices in two rows of two, with larger city names and more space around the facts.

Variation of Contact officesPreview pattern
Contact place rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact place

A contact section for one address you can walk to.

ContactPreview pattern
Contact sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Contact sheet

Six square frames packed three across in two rows, with a tight gutter so the six read as one printed sheet, each frame numbered under a hairline rule.

GalleryPreview pattern
Contact split rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveContactNo plugin needed

Contact split

A contact section with no form in it: the left sixty per cent is almost empty, holding a tracked label, one display invitation and a single action, and the right forty per cent is packed, three stacked groups of address, hours and direct lines hanging off one vertical hairline.

ContactPreview 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 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 trio rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Cover trio

Three photograph frames in a row, each a cover with a small caption plate in its bottom-left corner, and the middle frame raised above the other two.

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

CTA footnote

The smallest closing section in the catalogue: a full-bleed band on your paper, one currentColor hairline, and under it a single line holding a short sentence and a text action.

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

CTA ledger

A closing ask filed as a row in a ledger rather than staged as a band: one line of business between two currentColor hairlines, with a tracked uppercase label at the left, a single sentence of ask holding the middle, and one square button at the right.

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

Quiet CTA

A closing ask that does not raise its voice: your paper ground, a very deep band of air, one short line held to a narrow measure at the left, a text action under it, and a single hairline running the full width of the band beneath both, with the fine print hung at its far right end.

Call to actionPreview pattern
Far-end action, a variation of Quiet CTA rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

Far-end action

The same restraint, restructured: the rule stops being an underline and becomes a baseline.

Variation of Quiet CTAPreview pattern
CTA split rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA split

A closing band with one hard seam: an inverted main ask meets a quieter route with an editable WordPress photograph.

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

CTA stamp

A closing ask reduced to one small bordered box centred in a very deep band of empty paper.

Call to actionPreview pattern
Drift columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Drift columns

Six portrait frames in three columns of two, each column started lower than the one before it, so the frames read as a descending diagonal.

GalleryPreview pattern
Duo weight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Duo weight

Two photograph frames at deliberately unequal weight: a tall 3:4 portrait across 64% of the width and a small square at 36%, sitting on the same bottom line.

GalleryPreview pattern
404 search rendered in Twenty Twenty-FiveShot in Twenty Twenty-Five404No plugin needed

404 search

A 404 that offers the one thing a lost visitor can use: a working search field set at display size and running the full measure, so the field is the largest thing on the page and the apology is the caption above it.

404Preview pattern
404 split rendered in Twenty Twenty-FiveShot in Twenty Twenty-Five404No plugin needed

404 split

A 404 built as a seam: the numeral at up to 176px on one side, a ruled index of four destinations on the other, and one unbroken currentColor hairline down the join that every row rule runs into.

404Preview pattern
FAQ measure rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ measure

A single column of seven native disclosure rows running the full 1240 measure, ruled between and above and below.

FAQPreview pattern
Feature alternating rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature alternating

Four feature rows, each a 4:3 frame set against its copy, with the seam flipping side to side down the page.

FeaturesPreview pattern
Feature lead and list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature lead and list

One feature carried at display size across half the band, with three compact ruled entries opposite it.

FeaturesPreview pattern
Feature rows rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature rows

A feature set as four full-width ruled rows in which the hierarchy is upside down: the section heading is the smallest type in the band, a tracked line above the first rule, and each of the four points is set at the size a section heading usually gets, with its explanation beside it as a footnote in a narrow right-hand column.

FeaturesPreview pattern
Feature spine rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature spine

A feature set built around one unbroken hairline, with short points and WordPress photographs alternating across the centre.

FeaturesPreview pattern
Figure break rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Figure break

A reading column interrupted by one wide photograph: the prose holds a strict measure, the figure breaks out to twice that width, and its caption hangs from a small index at the figure's left edge before the column resumes.

EditorialPreview pattern
Frame quartet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Frame quartet

Four square photographs in a two-by-two grid, each one inset inside its own ruled plate with a generous mat of white space around it and a small tracked caption underneath, so the four read as framed prints rather than tiles.

GalleryPreview pattern
Frieze band rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Frieze band

Five portrait frames butted edge to edge with no gutter between them, running the full width of the page as one continuous band, with a constrained intro above and a small tracked caption line below.

GalleryPreview pattern
Gallery ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery ledger

A gallery set as an index rather than a grid: four ruled rows, each with a small numeral in the left margin, one panoramic 21:9 frame in the middle and a title with a tracked meta line on the right.

GalleryPreview pattern
Gallery spread rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery spread

An editorial spread with a one-sided bleed: a tall 2:3 portrait frame runs off the left edge of the viewport while the type column beside it stops flush with the 1240px measure, and a small 3:2 frame sits under the lede.

GalleryPreview pattern
Half and half rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Half and half

A fifty-fifty split in which one frame equals four: a single square on the left and a two-by-two of four squares on the right, at a tight gutter, so the two halves occupy the same rectangle.

GalleryPreview pattern
Hero aperture rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

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.

HeroPreview pattern
Hero column portrait rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero column portrait

An opening section whose photograph stands as a column rather than a band: a tracked eyebrow, a display headline, a lede held to a 30rem measure and two actions on the left, and on the right a single portrait cover taller than everything beside it, carrying nothing but one tracked caption on an opaque plate at its foot.

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 flex row rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero flex row

A hero built on a wrapping flex row instead of columns: one loose 30rem block holding a tracked eyebrow, a display headline and a single ruled action, and beside it four small ruled facts, each a tracked label over a short value.

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

Hero index

An opening that doubles as a table of contents: a tracked eyebrow and one display headline held to a 30rem measure, and beside it a ruled index of four numbered entries, each a tracked numeral, a short title and one line of description, closed top and bottom by currentColor hairlines.

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

Hero ledger

A full-bleed opening section that doubles as a spec sheet: a display headline, a short lede and one action fill the left, while the right holds three ruled rows, each a tracked label over a value set large enough to read as content rather than fine print.

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

Hero measure

A hero held in the left half of a wide band: a tracked eyebrow, a headline running to a 44rem measure, a lede locked to 28rem under it, and one text action ruled with a currentColor underline.

HeroPreview pattern
Hero media and text rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero media and text

A hero built on Media & Text rather than columns, so the photograph runs off the side of the screen while the words stay on the page's own measure.

HeroPreview pattern
Hero plate on paper rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero plate on paper

A hero that is a card laid on the page rather than the page's own top edge: a full-bleed band of your theme's paper with generous air on all four sides, holding one inset plate of your contrast colour that carries the whole hero, eyebrow, headline, lede and two buttons.

HeroPreview pattern
Hero quote open rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero quote open

A hero that opens in someone else's voice: one quoted sentence set at display size on a 44rem measure, a currentColor hairline under it, and beneath the hairline a tiny tracked attribution row and one action.

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 right weight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero right weight

A picture-led hero that reverses the usual hierarchy: the photograph takes the wide right column at a 4:3 crop and the words are a narrow 38% caption beside it, set small and hung from the same bottom line.

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 stack rules rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero stack rules

An opening section ruled like a ledger: three full-measure bands divided by currentColor hairlines, a tracked eyebrow and a date on the top line, the headline alone in the tall middle band at up to 104px, and a lede with two actions on the closing line.

HeroPreview pattern
Doubled rules, a variation of Hero stack rules rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Doubled rules

The composition changes: the headline is cut in half by a hairline and set across two bands instead of one, so the ledger reads as four rows and the sentence is something the ruling happens to rather than something it frames.

Variation of Hero stack rulesPreview pattern
Hero statement rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero statement

An opening section with nothing in it but the sentence: one statement set at extreme display size on a narrow measure, a short rule under it, a single tracked meta line, and two actions.

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
Waitlist hero rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Waitlist hero

A launch hero built around one oversized action: a short headline, a single line of copy, then a full-width button slab with a tiny reassurance line under it, and three small proof numerals on a ruled foot beneath that.

HeroPreview pattern
Index strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Index strip

A carousel standing still: one wide 3:2 lead frame at the full measure, a tracked label and a position counter under it, and a strip of five square thumbnails at equal width, the first one marked as current by a hairline rule beneath it.

GalleryPreview pattern
Lead and rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Lead and rail

One wide 16:9 lead frame with a vertical rail of three square thumbnails beside it, tuned so the rail finishes level with the bottom of the lead, and a two-part caption row under the pair.

GalleryPreview pattern
Listing cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Listing cards

Six priced items as a grid of cards, each a 4:3 frame over a title set deliberately small and a figure set at display size under it, closed by a hairline and one tracked action.

ListingsPreview pattern
Figure shelf, a variation of Listing cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Figure shelf

The same six cards with the composition changed rather than the colours: the title and the figure share one bottom-aligned line instead of stacking, so the card's type reads as a ruled shelf, name at the left and number at the right, above the same foot rule.

Variation of Listing cardsPreview pattern
Listing rows rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Listing rows

A repeating ruled row for any index a visitor scans and acts on: a tracked date or label hanging in its own narrow column, the entry title beside it, two meta fields under the title, and one boxed action resting on the row's hairline at the right.

ListingsPreview pattern
Logo cells rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo cells

Ten client logos in a five by two grid of ruled cells, hairlines running both ways and the frame closed on all four sides, so the band reads as a table of clients rather than a row of them.

LogosPreview pattern
Logo claim rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo claim

A social-proof band that argues as well as displays: a display-size claim and a short proof paragraph hold the wide side, and four client logos stack in a narrow ruled rail opposite.

LogosPreview pattern
Masthead, a variation of Logo claim rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Masthead

The claim comes out of its column and runs the measure as a masthead, and the rail and the proof paragraph share the row beneath it, marks first.

Variation of Logo claimPreview pattern
Margin notes rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Margin notes

Three stacked 3:2 photograph frames in a wide right-hand column, each with its caption hanging in a narrow left margin, and a single 1px rule running unbroken down the join for the whole height of the section.

GalleryPreview pattern
Nav bar rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeaderNo plugin needed

Nav bar

A header bar on one line: a heavy, tightly tracked wordmark at the left edge against tiny widely tracked links at the right, one solid action beside them, and a hairline under the whole bar.

HeaderPreview pattern
Nav menu rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeaderNo plugin needed

Nav menu

The header that drives a real menu: your site logo and name at the left, your WordPress navigation menu standing against a full-height currentColor hairline, and a search field with a visible label behind it.

HeaderPreview pattern
Nav stack rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeaderNo plugin needed

Nav stack

A header built as a masthead rather than an app bar: a micro-row of tracked uppercase meta (address, hours, telephone) sits over a hairline, and under it the main row carries the wordmark, your WordPress menu and one filled action over a 3px rule.

HeaderPreview pattern
Newsprint columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Newsprint columns

A magazine body: a running head on a rule, a wide headline, then the prose packed into two true text columns under it with numbered footnotes gathered on a rule at the foot.

EditorialPreview pattern
Open letter rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Open letter

A statement set as a letter: a centred eyebrow, headline and short rule open it, the body runs left-aligned at a generous size and line height down one narrow measure, and it closes with a sign-off set in italic at display size.

EditorialPreview pattern
Page header meta rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header meta

An interior-page opening for a page whose facts matter as much as its name: a small tracked kicker, a title set deliberately low, and four facts on one ruled row beneath it, divided by currentColor hairlines rather than boxed into chips.

Page headerPreview pattern
Page header rule rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header rule

The opening of an interior page, and nothing more: a tiny widely tracked breadcrumb, the page title at display size directly under it, one line of orientation held to a reading measure, and a currentColor hairline closing the whole thing.

Page headerPreview pattern
Hanging breadcrumb, a variation of Page header rule rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Hanging breadcrumb

The composition changes rather than the colour: the breadcrumb leaves the stack and hangs in a third-width margin beside the title, and the closing rule runs only under the title column, so the header has a stepped left edge instead of a straight one.

Variation of Page header rulePreview pattern
Plate lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Plate lap

Two photographs made into one object by overlap: a tall portrait frame with a smaller landscape frame lapping over its lower-right corner, hanging past both the bottom and the right edge, and a caption plate below squaring the pair back up.

GalleryPreview pattern
Post featured lead rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Post featured lead

Two Query Loops read as one section: the newest post opens at display size with its featured image, its byline and an excerpt, and the three behind it sit in a rail beside it as ruled date-and-title lines with no picture at all.

BlogPreview pattern
Post grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Post grid

A run of writing as three openings across: each is a 3:2 image frame inset in its own mat, a hairline drawn beneath it that runs wider than the picture, and under the rule a tracked kicker, a title set tight and a date.

BlogPreview pattern
Post header rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Post header

Single-post furniture, built as a lit plate on an unlit band: the post's category, title and byline sit on a paper plate held to 74% of the measure, while the publication date hangs outside it on the ink, aligned to the plate's foot.

Page headerPreview pattern
Post list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Post list

An illustrated article index: a cropped WordPress photograph and tracked date sit in a narrow left column, beside a large title and short standfirst.

BlogPreview pattern
Post query grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Post query grid

A live Query Loop as three openings across: each post is its featured image inset in a mat, a hairline drawn beneath it that runs wider than the picture, and under the rule the post's author, its title and its date.

BlogPreview pattern
Post query list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveBlogNo plugin needed

Post query list

A live Query Loop as a dated index: each post is a ruled row where its date hangs outside the measure in its own left column, with the title and an excerpt set against it.

BlogPreview pattern
Pricing duo rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Pricing duo

Two ways to pay for the same thing, head to head and equal, with the saving set in the ruled channel that runs between them.

PricingPreview pattern
Pricing single rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Pricing single

One plan, set as a collision of scales: a price at display size in the left column against a packed ledger of ten ruled currentColor rows in the right, with one action and one reassurance line under the figure.

PricingPreview pattern
Proof strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Proof strip

A full-bleed band holding a narrow 34rem ribbon of four portrait frames stacked one under another, each ruled off by a hairline and captioned with a tracked title and one short line.

GalleryPreview pattern
Quote break rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Quote break

A reading column broken by one quotation: two hairlines run wider than the measure and between them the line is set at display size, with its source on a short rule beneath, before the prose resumes at its own width.

EditorialPreview pattern
Quote gallery rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Quote gallery

A display-size quotation held between two portrait frames.

GalleryPreview pattern
Quote wall rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

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.

TestimonialsPreview pattern
Offset wall, a variation of Quote wall rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Offset wall

The same eight voices in two columns of four, the second dropped by most of an entry, so no rule ever meets a rule across the seam and the wall is laid like brickwork.

Variation of Quote wallPreview pattern
Ragged grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Ragged grid

A two-by-two photograph grid in which every frame keeps a different proportion: square, three-by-two, four-by-five and sixteen-by-nine.

GalleryPreview pattern
Spec table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Spec table

A two-column specification sheet in a core table, ruled between every row, hanging off one heavy rule with the section title beside it in the margin.

TablesPreview pattern
Stacked sheet, a variation of Spec table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTablesNo plugin needed

Stacked sheet

The same sheet with the title above it instead of beside it, both left-aligned under the rule and both held to a short measure.

Variation of Spec tablePreview pattern
Stagger pairs rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Stagger pairs

Three stacked rows of two photograph frames each, split roughly 64/36, with the wide frame changing sides from row to row and a hairline ruling the joins.

GalleryPreview pattern
Stat quadrant rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveStatsNo plugin needed

Stat quadrant

Four figures in a 2x2 inside a 1px currentColor plate, one hairline running the full width between the rows and one running the full height between the columns, both meeting the frame so the four figures sit in four panes of a window.

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

Stat stack

Five figures read down instead of across: each one is a full-width ruled row with a wide-tracked label and a line of basis on the left, and the figure set at display size and flush right, so the figures line up into one hard vertical edge down the whole section.

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

Steps cards

Four photographic process cards with level tops and descending feet.

How it worksPreview pattern
Steps ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps ledger

A process set as a printed schedule: a ruled column-head row (No., Stage, What happens) and then five full-width rows, each one a display numeral, a title and a short description in three columns, hairlines in currentColor between them and a closing rule under the last.

How it worksPreview pattern
Steps run rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps run

A process as one horizontal run: three display numerals across the band, each over a short title and a packed line of copy, with a single hairline threading the gaps between the numerals at numeral height so the row reads as a sequence rather than as three separate cards.

How it worksPreview pattern
Steps screens rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps screens

A software walkthrough in four columns: a 16:10 frame with an example photograph ruled in currentColor, then a numeral chip that laps half into the frame and half into the caption below it, then the step title and one sentence.

How it worksPreview pattern
Titles on the seam, a variation of Steps screens rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Titles on the seam

The chip grows into a full-width bar and takes the step title up onto the seam with it, so under each screen there is one sentence and nothing else.

Variation of Steps screensPreview pattern
Team portraits rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team portraits

Six people in two ruled strips of three, each a 2:3 portrait frame with the name and a tracked role beneath.

TeamPreview pattern
Team roster rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team roster

The whole team as a ruled directory: hairline rows under a column header, each carrying a small square portrait, a name, a tracked role and one line of what that person does.

TeamPreview pattern
Testimonial band rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial band

One client quote on a full-bleed inverted band: an oversized opening quotation mark hangs in its own margin column while the quote itself runs the full width of the band, and the attribution sits on a currentColor hairline beneath it, the speaker's portrait beside the name tracked wide at one end and the role at the other.

TestimonialsPreview pattern
Testimonial portrait rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial portrait

One client quote against one example upright portrait, two up on your page ground.

TestimonialsPreview pattern
Testimonial trio rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Testimonial trio

Three testimonials across, each a 1px currentColor card holding one quote and an attribution locked to a hairline at its foot, the speaker's portrait beside the name.

TestimonialsPreview pattern
Timeline decades rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline decades

A long history set as a record: four decade heads, each opened by a 2px currentColor rule and carrying five dated single-line entries under it, twenty in all.

TimelinePreview pattern
Timeline rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline rail

Six dated milestones hung on one continuous currentColor hairline: the year in a narrow column set against the rule, the event title and one short paragraph on the other side of it.

TimelinePreview pattern
Wall labels rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Wall labels

Five portrait frames hung in one row at deliberately unequal widths, bottom-aligned so their tops are ragged and their bases sit on one line, each with a small museum wall label beneath it: a tracked uppercase title and a line of medium and year.

GalleryPreview pattern
Footer ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer ledger

A footer read as a colophon: four ruled rows run the full container width, each a small tracked label hanging in a narrow left column against its values in a wide right one.

FooterPreview pattern
Footer nameplate rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer nameplate

A paper footer that ends on the site name set enormous: a quiet top row of an eyebrow, one line of orientation and two compact link lists, a fine-print strip with the copyright and three legal links, a currentColor hairline, and then the name as the last line of the page at up to 176px, cropped tight to its own capitals.

FooterPreview pattern
Footer sign-off rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer sign-off

A footer that opens with an ask instead of a sitemap: a tracked eyebrow, a display-size question across a wide left measure and one filled button beneath it, set against a narrow, dense stack of six links bottom-aligned so the last link lands on the button's line.

FooterPreview pattern
Footer strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Footer strip

A footer that is one line under a heavy rule: a 4px currentColor bar runs the full width of the viewport, and beneath it the site name, five links and the copyright share a single short band on your base colour.

FooterPreview pattern
FAQ cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ cards

An FAQ as a wall of bordered cards: a tracked label and a one-line lede share the header row, then six questions sit in a two-column grid, each card a 1px currentColor box with the question set large and tight at the top and the answer packed beneath it at a short measure.

FAQPreview pattern
FAQ ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ ledger

A display headline over three topic rows.

FAQPreview pattern
FAQ spotlight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ spotlight

A FAQ with one question promoted to display size: a tracked eyebrow, the question everyone asks set at up to 64px across the full measure, and its answer always visible beneath at a bounded measure.

FAQPreview pattern
Content columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Content columns

A long-form editorial section held to a strict reading measure, with a narrow sidenote rail hanging outside it: each note sits under its own hairline beside the paragraph it annotates, and drops beneath that paragraph on a phone.

EditorialPreview pattern
404 page rendered in Twenty Twenty-FiveShot in Twenty Twenty-Five404No plugin needed

404 page

A 404 page built as one mark: the numeral set at extreme display size in a single centred column, with the message and its heading bounded to the numeral's own optical width so the two read as one block.

404Preview pattern
Roster plaque, a variation of Logo bar rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Roster plaque

The strip becomes a centred plaque: six marks in a three-by-two grid on a narrower measure, the label above the frame and the date below it.

Variation of Logo barPreview pattern
Site footer rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFooterNo plugin needed

Site footer

An inverted footer where the site name, set at display size, is the structure: three dense link columns hang to its line instead of sitting under a floating logo.

FooterPreview pattern
Team grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamNo plugin needed

Team grid

Six people across two even rows of three, each a 4:5 portrait with a name, a tracked role and one line of what that person is for.

TeamPreview pattern
FAQ list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ list

A two-column FAQ in which the invitation is the loud half: a display headline, one line of orientation and the action fill the header column, while six native disclosure rows run beside it as a compact ruled list at reading size.

FAQPreview pattern
Logo bar rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveLogosNo plugin needed

Logo bar

A social-proof band of five partner logos on one line, held as a tight cluster inside two hairlines that run the full measure, with the label pair spread across the top.

LogosPreview 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
Mirror masthead, a variation of Editorial lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Mirror masthead

Frames swapped, the lap breaking right instead of left, and the headline set in caps with open tracking.

Variation of Editorial lapPreview pattern
Editorial lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Editorial lap

A two-frame editorial spread where an inverted headline slab laps up over the first photograph and breaks out of its column.

EditorialPreview pattern
CTA band rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCall to actionNo plugin needed

CTA band

A full-bleed closing band that inverts the page: a contrast ground carrying base text, one centred statement, one action.

Call to actionPreview pattern
Feature grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Feature grid

An even three-column feature set with generous gutters, built around oversized index numerals set at display size where a small label would normally sit.

FeaturesPreview pattern
Pricing tiers rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePricingNo plugin needed

Pricing tiers

Three pricing tiers where the recommended one is genuinely taller than its siblings and inverts to a contrast ground behind a 2px edge on that same chain, so the recommendation is structural rather than a badge.

PricingPreview pattern
Split hero rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Split hero

An asymmetric hero with a headline, supporting copy and actions in one top-aligned column, beside a compact four-row facts panel.

HeroPreview pattern