CTA-01
Untriaged Primary conversion band
The standard page-closing call to action. Two actions and a caveat, on a dark field so it reads as the end of the page.
Use it when
The standard page-closing call to action. Two actions and a caveat, on a dark field so it reads as the end of the page.
- Category
- Calls to action
- Layout archetype
- Held column
- Page position
- closing (derived)
- Purpose
- convert (derived)
- Field
- dark (derived)
- Interaction
- static (derived)
- Motifs
- Margin note, Quiet field
Content it requires
- Heading
- One supporting sentence
- Two actions
- An optional caveat
Do not use it when
- Once per page, at the end. A mid-page repeat trains readers to ignore it.
- Two actions maximum. A third makes the primary one meaningless.
Variants
None. Colour swaps and mirrored alignment do not count as variants.
Implementation
src/components/patterns/CtaBandPrimary.astro
---
import CtaBandPrimary from '../components/patterns/CtaBandPrimary.astro';
---
<CtaBandPrimary />Import directly. Do not route production through patternComponents.
Production usage
Not yet used on a production page. Nothing here has been proven in front of a customer.
Accessibility
- Verified at 360, 768, 1024, and 1440 with no horizontal overflow.
- No interactive controls beyond links and buttons inherited from the design system.
- Colour never carries meaning alone: every state marker is paired with text.
- Motion respects prefers-reduced-motion.