# 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.

Canonical: https://patternpaste.com/pattern/hero-landscape-wings.html
Section: Hero
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, column, columns, cover, group, heading, paragraph
Keywords: hero, photograph, hospitality, travel

## Variations (2)

### Hero landscape wings (the default)

Identical markup in every theme.

### Mist and lagoon

This variation states its own colours and states its own type: identical in every theme.

Mist ground, deep teal ink and a lagoon button, with a crisp Arial and Helvetica stack and square action.


---

## 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.

## 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.

## 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](/image-credits/).