Cover window

A full-bleed core/cover with display type on a heavy veil, and nested inside it a second cover showing the same photograph clear, as if the veil had been cut away in one rectangle.

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.

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.

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.

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.

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.

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 for the sources and licenses. Pasting an image URL does not import a Media Library attachment.