Component pattern · updated 3 Sept 2026
Call-to-action band
A call-to-action band is a full-width strip near the end of a page that restates the offer in one line and repeats the primary action, usually on a contrasting background so it reads as a distinct closing beat. It exists because the visitor who read to the bottom is the one most likely to act.
Think of it as
The last line of a letter, set apart from the paragraphs above it. "Call me" carries more weight on its own line than buried in the third paragraph.
Worked example
The band is where the primary colour makes its final appearance, and a decode will show whether it is the same primary as the hero button or a second one that crept in. On a theme from this site, the band background would be the primary token and the button label its computed foreground, which the DESIGN.md prints with its measured contrast ratio.
Why it matters
The band closes a loop the hero opened. If the hero and the band use the same primary and the same button treatment, the page has a design system; if they differ, it has a collection of sections. It is the cheapest place to check consistency because there are only two things to compare.
How it fails
A second primary colour. Two equal buttons in the band, undoing the single action. A band whose background is the primary colour with text that fails contrast on it, which the 8 by 8 grid on a theme page would have shown.
What to measure open the decoder →
- Whether the band's button matches the hero button token for token
- Contrast of the button label on the band background
- Whether the band introduces a colour absent from the rest of the page
Where you meet it
- Marketing pages of every kind
- Blog post footers
- Documentation landing pages
On this site
The bottom of the submission-cost comparison ends in a band with one primary and one ghost button, the same treatment as the site's other closing calls.
Showcase collections that exhibit it
Build it
Next rung
After the closing action comes the footer, which holds everything the page did not promote. How much of it to show is a policy question, not a styling one.