Pattern Paste
Subscribe

Core Patterns Hero

Catalogue accessStandard

Hero landscape wings

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

The three images share a baseline and ruled caption. The triptych remains one compact row on phones. Includes an inherited Core version and a mist-and-lagoon Styled look.

All patterns

Loading patterns…

Theme
Preview size
Look

Takes your theme’s colours and type.

Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

The signature moment

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

9.2KB of core-block markup, 8 blocks (button, buttons, column, columns, cover, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Subscribe to copy it, £49 a yearWhat you copy is yours forever. Not for you? We refund within 14 days.

Back to Core Patterns