# Cover window

> A full-bleed cover whose photograph sits under a heavy veil of your theme's contrast colour, with display type on one side and, on the other, a second cover showing the same photograph with no veil at all, with the same focal point, so it reads as a window cut through the veil. A small paper plate with a caption laps the window's foot. Includes a replaceable example photograph. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/cover-window.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, hero, photo, window, veil, display, nested cover

## Variations (2)

### Ink veil, clear window (the default)

Identical markup in every theme.

An 80% veil of your contrast over the photograph with your base as the type; the window shows the photograph untouched, and its caption plate is your base under your contrast.

### Heath and lichen

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

A hill-walking look: a deep heath green veil with pale lichen type, an amber button in heath ink, the caption plate lichen; Iowan Old Style display over Helvetica.


---

## The signature moment: a window cut through the veil

The outer cover's photograph sits under an 80% veil of your `contrast`. Beside
the headline, an inner cover carries the same photograph at no veil, with the
same focal point, so the clear rectangle reads as the veil cut away over the
scene behind it. The window is a 4:5 frame as tall as the copy beside it. A
small caption plate laps the window's foot: it is itself a plain-colour cover,
because a later cover paints above an earlier one where an ordinary group
would slide under the photograph.

## Why type on the photograph is permitted here

At `dimRatio` 80 with a `contrast` veil, the lightest ground the `base`
type can land on is the veil over a white photograph, which measured 10.2:1 in
Twenty Twenty-Five; below 80 that stops being guaranteed. The headline is display type, a bare `clamp()`, because
its size is the composition. The caption never touches the photograph: it is
on a `base` plate under `contrast` type.

## What it inherits, what it decides

Inherits: every colour, the typeface, the spacing scale. Decides: the veil's
opacity, the 4:5 window, the 1440px measure, the 40rem minimum height (in rem, never vh), the
display ramp and the lap of the caption plate.

## What a buyer changes first

The photograph, in BOTH covers: replace the outer one, then the window, with
the same image, and keep the focal points equal. Then the headline; three or
four words at this size.

## The Styled look

`variations/heath-and-lichen.html` states its own colours and faces: the veil is deep heath green (#1f3a2c) at 80% with pale lichen type (#e4e8cf), the button is amber (#e09a4a) with heath type and a 2px corner, and the caption plate is lichen under heath in italic serif. 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.