Kage Design logo kage
phantom.com
phantom.com call to action component

Design analysis

A large centered conversion block distills the page into one confident invitation and one prominent download button.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/phantom-com/df84c488-d9fa-4f45-8b51-bd3e334c55b2-1789146860-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/phantom-com/df84c488-d9fa-4f45-8b51-bd3e334c55b2-1789146834018-full.webp
- Component on Kage: https://kage.design/component/phantom-cta

## Before you start
Ask what the user's desired conversion is, what proof or reassurance should precede it, and what action label matches the product. Then implement an original version.

Build a centered CTA section with a short credibility sentence, a very large two-line headline, and one rounded primary button beneath it. Use generous vertical spacing and a pale lavender background, approximately #F5F3FF, with dark indigo typography around #302B50. The headline should be 56–72px on desktop with tight line height and responsive scaling; keep supporting text smaller and muted. The button should be white or lightly tinted, pill-shaped, softly shadowed, and include a small contextual icon only if useful. Align everything centrally and ensure the section has enough bottom padding to feel like a deliberate transition into the footer.

Never: copy logos, product names, copy, illustrations, or imagery from the reference.

More components