CTA Section

v1.0.0·Added in 1.6.0

The closing call to action of a page: a title, two actions or an email signup, social proof and a short checklist on a band.

Both actions are links through your router. With newsletter on, an email field replaces them: it checks the address on submit, shows the error under the field, spins while onSubscribe runs and turns into a confirmation. The inverted band flips the text colors, so a neutral action becomes the band's text color and soft buttons and the field stay readable in both themes. The band rises a little as it first scrolls in (instant under reduced motion); it is never invisible. The band variant draws its scene in tokens (tinted light, a grid fading toward the copy, waves and floating cards around the copy on wide bands, two cards above it on narrow ones). The form variant puts the copy and a checklist beside an inset well with a stacked email form that validates, spins and confirms. On phones the actions stack full width, and the split panel and the form card put the actions under the copy.