# Cover lit column

> A display heading and lede on your page ground over a full-bleed band of four tall photographs set edge to edge. Three sit under a heavy veil of your contrast colour with a huge numeral and a short title at the foot; the second is left clear, the photograph untouched, with its title on a small paper plate. Four across on a desktop, two by two on a tablet, one column of shorter frames on a phone. Includes four replaceable example photographs. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/cover-lit-column.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, column, columns, cover, group, heading, paragraph
Keywords: cover, photo, columns, features, numbered, veil, trades

## Variations (2)

### One lit column (the default)

Identical markup in every theme.

Three frames under an 80% veil of your contrast with your base as the type; the second frame shows its photograph clear, its title on a plate of your base under your contrast.

### Graphite and signal yellow

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

A trades look: a pale stone ground and graphite ink, graphite veils with signal yellow numerals, and the lit column's title on a signal yellow plate, all in Arial Black over Arial. A graphite Book a visit button with yellow capitals.


---

## The signature moment: one column in four is lit

Three frames sit under an 80% veil of your `contrast`, each carrying a huge
numeral and a short title at its foot. The second frame has no veil at all:
the photograph shows untouched, as if a light had been switched on in one
column of four, and its title moves onto a small plate of your `base`. The
plate is itself a plain-colour cover, so it paints above the photograph.

## Why type on the photograph is permitted here

At `dimRatio` 80 with a `contrast` veil, `base` type keeps its contrast over
any photograph you choose, white or black. The clear frame carries no type on
the photograph: its numeral and title sit on the plate, `contrast` on `base`.
The numerals and the heading are display type, a bare `clamp()`, because their
size is the composition; the frame titles take the `x-large` rung.

## What it inherits, what it decides

Inherits: every colour, the typeface, the spacing scale. Decides: the veil's
opacity, which frame is lit, the frame heights (a padding that grows with the
viewport, so a phone's frames are shorter), and the four, two by two, one
column steps: each pair is a grid whose columns are at least half its width,
so the band never leaves a hole.

## What a buyer changes first

The four photographs, then the titles; keep them to one or two words. To light
a different frame, set that cover's overlay opacity to 0 and move the plate
into it.

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