Library Features

Catalogue accessStandard

Feature portrait pair

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

ThemePreview size
As authoredColour
Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What to change first

  1. Choose two complementary photos.
  2. Give each feature a short heading and a sentence.
  3. Rename the shared eyebrow and numbered labels.

The signature moment

Portrait images with overlapping captions

Two 4:5 photographs carry inset captions that rise over their lower edges. The responsive grid becomes one column when two readable tracks no longer fit; each caption retains a small image overlap.

Theme handoff

What comes from where

From your theme

Typefaces, heading leading, the medium body-text size, spacing rhythm, and button shape and colours come from the theme. Base and contrast chains end in WordPress's guaranteed white and black presets. Eyebrows use the optional label role before falling back to contrast.

Set by this pattern

The photograph's crop, the overlap, a 1240px outer measure, fluid side padding and the text panel's reading measure. All visible copy sits on opaque base or contrast panels. Photographs are reviewed CC0 images from the WordPress Photo Directory and travel with the copied pattern.

Full pattern notes

Why it works, and how it is built

Open a topic for the complete design reasoning, editing guidance and implementation notes.

Design rationaleComposition, intent and nearest alternatives

Overview

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

The signature moment: portrait images with overlapping captions

Two 4:5 photographs carry inset captions that rise over their lower edges. The responsive grid becomes one column when two readable tracks no longer fit; each caption retains a small image overlap.

Make it yoursVariations and the edits to make first

What to change first

  1. Choose two complementary photos.
  2. Give each feature a short heading and a sentence.
  3. Rename the shared eyebrow and numbered labels.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

Typefaces, heading leading, the medium body-text size, spacing rhythm, and button shape and colours come from the theme. Base and contrast chains end in WordPress's guaranteed white and black presets. Eyebrows use the optional label role before falling back to contrast.

What it decides for itself

The photograph's crop, the overlap, a 1240px outer measure, fluid side padding and the text panel's reading measure. All visible copy sits on opaque base or contrast panels. Photographs are reviewed CC0 images from the WordPress Photo Directory and travel with the copied pattern.

Display type

The two feature headings are display type tuned to the width of the portrait panels, using a bare clamp. Body paragraphs follow the medium ladder with a 1.6 line-height; uppercase labels use a fluid 15–16px size. Headings state their own ink colour and inherit their face and leading.

Contrast

Copy targets 4.5:1; large display headings target 3:1. Opaque panels keep image detail out of the text background. The verification sheet measures all three authoring themes.

Technical notesBlock mechanics, responsive behaviour and constraints

Responsive behaviour

Two 4:5 photographs carry inset captions that rise over their lower edges. The responsive grid becomes one column when two readable tracks no longer fit; each caption retains a small image overlap. The section has fluid horizontal padding and no fixed height. Check long replacement headings at 390px as well as desktop.

Blocks and editing

Core blocks only; no companion plugin, custom CSS or script is required. Replace the photos through the Image block and update their alt text. Set real destinations on the action links before publishing.

The markup

8.2KB of core-block markup, 4 blocks (group, heading, image, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Start free trial to copyWhat you copy is yours forever. Cancel whenever.

Back to the library