Theme
CTA band
The closing call to action of a marketing page: a centred headingLg over graph paper, the plot grid at α .035 fading out towards the band's edges, then a primary and a secondary action. Drawn in CSS: no script and no image.
Examples
Research you can check.
Serre is in closed testing with a small group of researchers.
Props
CtaBand
The closing call to action of a marketing page: a centred heading over graph paper that fades at its edges, then the actions. The paper is drawn in CSS, so the band needs no script and no image.
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | — | The section's id; its heading's id is derived from it. |
overline? | ReactNode | — | A short label above the heading. |
title | ReactNode | — | |
level? | 2 | 3 | 2 | The heading's level in the page's outline. |
lede? | ReactNode | — | |
actions? | ReactNode | — | A primary and a secondary ButtonLink. |
Accessibility
- A section named by its heading, whose id is the band's id with -title.
- The graph paper is a decorative layer hidden from screen readers, and in high contrast it is not drawn at all.
- Nothing in it moves, so there is nothing for reduced motion to stop.