CTA cover

A closing band with a photograph in it. It is short, it is centred, it asks once, and the last thing a reader sees on the page is an image rather than a flat colour.

The signature is the picture itself. cta-band closes a page on your ink, cta-quiet closes it on your paper, cta-split closes it on both at once. This one closes on your photograph. That is the whole reason to choose it: the ask sits over a place, a product or a face instead of over a rectangle of colour, and the page ends somewhere rather than on a swatch.

Everything else is deliberately the simplest composition of the four closers. No seam, no hairline running past its column, no eyebrow, no fine print: one heading, one line, two actions, all centred on a 40rem measure. A closing band that competes with itself does not close, and the picture is already the event.

The band is 30rem tall, about two thirds of a cover hero. Openers are tall because a reader has just arrived; a closer is short because they are leaving.

• Ink close (base). Contrast veil, base type. The default close.
• In motion. The same band over a clip instead of a still: the cover's backgroundType is video and nothing else changes. Use something short, silent and looping. Under an 80% veil a clip reads as weather, not as a film, which is what you want behind an ask.
• Paper close. The colour axis by inversion: a base veil at 80% with contrast type. The photograph becomes a pale ghost behind ink, for a page that should not go dark at the end.

1. The photograph. Select the cover block and choose an image. Prefer one with a subject that survives being dimmed: a horizon, a texture, a wide shot. A dense, detailed picture disappears under the veil and is a waste of the pattern.
2. The heading. "End on the picture, not the pitch." is our sentence, not yours. This ramp is built for five to eight words.
3. The two labels and their links. Both buttons ship without a URL. Make the first a verb and the second an escape route.
4. The hand-off row. If your page already ends in a footer that says the same thing, delete the row and keep the cover.

• The typeface. No font family is stated anywhere. The heading is set in yours.
• Your two universal colours. The veil asks for contrast and the type asks for base, both of which every stock block theme defines. Where a theme defines neither, the pair falls back to black and white and the band still reads.
• Your spacing scale. The rhythm inside the band is stated in spacing presets, so a theme with a generous scale gets a looser close.
• Your button element styles, on both actions, through wp-element-button.

• The veil is heavy, at 80%, and that is not a taste decision. A photograph's luminance is unknowable: the buyer swaps in their own image, so type set on a lightly tinted one can land white on white and nothing warns you. At 80% the veil's own colour dominates whatever is behind it, so the pair measured for legibility is the pair a reader gets, whichever picture you choose. Do not lower it. If you want the image brighter, put the type on a plate instead, which is what cover-plate is for.
• The cover includes an example photograph. Its public image URL travels with the copied block. Choose Replace to select your own image while keeping the height, veil and layout.
• A short hand-off row underneath. A full-bleed cover with nothing after it reads as the whole page. The paper row below states what happens after the click and gives the section an end.
• Height in rem, never vh. A viewport height makes the band's size depend on the window it is previewed in.
• The second action is outlined, not filled. Two filled buttons on a veil read as a choice with no primary; the outline uses currentColor, so it follows the type wherever the type goes and cannot blank.

• It does not put type directly on the photograph. There is a veil between them in every variation, and that is the pattern.
• It does not carry an accent colour anywhere. A pale accent over a dimmed photograph is a mark nobody can see, in half the themes it lands in.
• It does not need the plugin. Three core blocks, no script, no stylesheet.

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.