# 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. Below it, an eyebrow, a heading and a short paragraph with a text link on your theme's paper. The three panels stay in a row on a phone. Includes a replaceable example photograph. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/cover-triptych.html
Section: Cover
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, cover, group, heading, paragraph
Keywords: cover, triptych, panels, photo, gallery, split image

## Variations (2)

### Three panels (the default)

Identical markup in every theme.

The photograph in three 1:2 panels with focal points at the left edge, centre and right edge; the copy below is your contrast on your base.

### Rust and celadon

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

A kitchen-garden look: celadon ground under deep green-black ink, a rust brick eyebrow and underlined Plan a visit link; Iowan Old Style display over Helvetica.


---

## The signature moment: one photograph cut into three hung panels

Each panel is a `core/cover` with the same image at `aspectRatio` 1/2:
exactly a third of a 3:2 photograph. Their focal points are the left edge, the
centre and the right edge, so each shows its own third and the picture runs on
across the gaps. The gaps are a fixed 1rem, the wall the panels hang on. The
grid states `columnCount` 3 and nothing else, so the three panels stay in a
row on a phone, narrow but still continuous, rather than stacking into three
unrelated slices.

## Type never sits on the photograph

The panels carry no words. The eyebrow, the heading (display type, a bare
`clamp()` up to 80px, set against the panels' height) and the body sit on the page's
`base` in `contrast`, which passes 4.5:1 in the stock themes. The link is a
text button, underlined, with a 44px tap box.

## What it inherits, what it decides

Inherits: every colour, the typeface, the spacing scale. Decides: the 1:2
panel, the three focal points, the 1440px measure, the 1rem gap and the 34rem measure for the
copy.

## What a buyer changes first

The photograph, in all three panels: replace each with the same image. A 3:2
landscape lines up exactly; a different shape wants each panel's aspect ratio
set to a third of it (a 16:9 picture wants 16/27). Then the heading and copy.

## The Styled look

`variations/rust-and-celadon.html` states its own colours and faces: a celadon ground (#cddcc6) between and under the panels, deep green-black ink (#1d2a24), and rust brick (#943a22) for the eyebrow and the underlined Plan a visit link, which measures 5:1 on the celadon. Iowan Old Style (Palatino, Georgia) sets the headline over Helvetica.

## Included images

The copied markup includes WordPress Photo Directory example photographs. The public image URLs
keep the examples visible after pasting. Select an image or cover and choose
**Replace** to use your own Media Library files. See [image credits](/image-credits/)
for the sources and licenses. Pasting an image URL does not import a Media Library
attachment.