The signature moment
One broad landscape is held between two narrow photographic wings
A short display headline sits on solid ground above the photographs, balanced by compact introduction copy and one action. The central frame takes about two thirds of the image row. The side frames have different heights, yet all three meet the same baseline above a ruled caption. The wings are strips of place, not cards.
Theme handoff
What comes from where
Theme and pattern
The Core version inherits the theme palette, typeface, heading weight and button finish. The solid ground and its ink use base and contrast chains. Headings and links follow their painter. The headline uses a clamp because its scale is the composition; the introduction uses the medium rung. Every word is outside the photographs.
Native unstacked columns keep the triptych in one row. Responsive minimum heights shrink with the viewport, so phones keep a broad central crop and short wings instead of three full-height photos. The headline and introduction stack before the image row on phones.
Full pattern notes
Why it works, and how it is built
Open a topic for the complete design reasoning, editing guidance and implementation notes.
Design rationaleComposition, intent and nearest alternatives
Overview
A travel collection first screen with one dominant landscape and two narrow coastal wings.
The signature moment: one broad landscape is held between two narrow photographic wings
A short display headline sits on solid ground above the photographs, balanced by compact introduction copy and one action. The central frame takes about two thirds of the image row. The side frames have different heights, yet all three meet the same baseline above a ruled caption. The wings are strips of place, not cards.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits, what it decides
The Core version inherits the theme palette, typeface, heading weight and button finish. The solid ground and its ink use base and contrast chains. Headings and links follow their painter. The headline uses a clamp because its scale is the composition; the introduction uses the medium rung. Every word is outside the photographs.
Native unstacked columns keep the triptych in one row. Responsive minimum heights shrink with the viewport, so phones keep a broad central crop and short wings instead of three full-height photos. The headline and introduction stack before the image row on phones.
Technical notesBlock mechanics, responsive behaviour and constraints
Styled look
Mist and lagoon uses mist #E8F0EF, deep teal ink #173B40 and lagoon #246C73. Arial and Helvetica carry the whole composition. The filled action has a deliberate square corner. The inherited base is the equivalent Use my theme composition.
What a buyer changes first
Replace the collection name, introductory promise and action link. Alongshore is a fictional collection of seaside stays. The three example photographs show different locations, not views from one property. Keep the headline short and the introduction to a few lines.
Included images
Reviewed WordPress Photo Directory photographs of a wooded shore, a golden shore and a palm shore travel as public URLs. The side crops retain turquoise water and a leaning palm; the centre keeps the setting sun and wet sand. Select a cover and choose Replace to use a Media Library photograph. The URLs do not import attachments. Sources and licences are in image credits.
Questions
Hero landscape wings: common questions
Does Hero landscape wings need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, cover, group, heading and paragraph), so it pastes into the block editor with nothing to install.
Will Hero landscape wings match my theme?
Choose by variation. Hero landscape wings takes your theme’s palette; Mist and lagoon brings its own colours.
How many variations does Hero landscape wings have?
2: Hero landscape wings and Mist and lagoon. Each is its own markup; choose one in the toolbar above the preview before you copy.
Can I use my own images?
Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library.
Is Hero landscape wings free?
It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…Variation: Mist and lagoon
Fetching the markup…