# CTA cover

> The closing band that ends on a photograph. A short full-bleed cover with an example photograph, with a heavy veil of your theme's contrast colour over whatever image you point it at, and one centred ask on top of it. It is the only CTA in the library that closes a page on a picture rather than on a colour. Ships with a short hand-off row on your theme's paper below it, so the section ends and the page does not. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/cta-cover.html
Section: Call to action
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: cta, cover, photo, video, closing, conversion

## Variations (5)

### Ink close (the default)

Identical markup in every theme.

An 80% veil of your contrast over the photograph, your base as the type, one filled action and one outlined one. Short: 30rem, about two thirds the height of a cover hero, because this ends a page rather than opening one.

### In motion

Identical markup in every theme.

The same close over a clip instead of a still. Choose a short, silent, looping video in the cover's media picker; the veil keeps it a texture rather than a film, so the type stays exactly as legible.

### Mend

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

The Mend physio set: a full-bleed photograph of a couple walking under a deep teal veil, a large clinical white headline, a white 6px-corner button and an underlined link, over a clinical white strip opened by an apricot rule, all in Avenir Next.

### Paper close

Identical markup in every theme.

The colour axis inverted: the veil is your base at 80% and the type your contrast, so the page ends bright and the photograph reads as a pale ghost behind ink.

### Vow

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

The Vow wedding set: sparklers at night under a midnight veil, We cannot wait to see you in Didot, a square pale peony button and a white link, then a wisteria band with a peony rule and Ruth’s number in Gill Sans.


---

## The signature moment: it is the only closing band in the library that carries a picture

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

## What it inherits from your theme

- **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`.

## What it decides for itself

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

## The variations

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

## What to change first

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.

## What it does not do

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

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