CTA sections
← Back to library
Open full screen ↗
This is the actual page the prompt produces — scroll and click inside it.
About this one
A single decisive block for the bottom of a page. One heading, one sentence, one button — the restraint is the design.
The prompt
Build a closing call-to-action panel. STRUCTURE A rounded panel (radius 18px) inside the normal page container, with position relative and overflow hidden. Padding of clamp(2.5rem, 6vw, 4.5rem) vertically. Content centred. BACKDROP Inside the panel, an oversized gradient aurora layer at 55% opacity, inset -60% horizontally, extending 180% of the panel height, blurred heavily. It should read as light spilling from behind the panel rather than as a background image. CONTENT A heading capped at 18 characters per line, centred with margin-inline auto. One muted sentence beneath it — no more. A single gradient primary button at the large size. Optionally, one line of small muted text under the button carrying the risk reversal: the refund window, or that no card is needed. RULES Exactly one button. If a secondary action is genuinely needed, make it a plain underlined text link at 0.85rem, not a second button — two equal buttons at the close of a page split the decision and lower conversion. No animation on the content; the aurora is the only moving element.