Kage Design logo kage
getpolyglot.io
Polyglot call to action component

Design analysis

The final conversion band returns to a centered, low-distraction composition with a small eyebrow, direct headline, supporting line, prominent button, and compatibility note.

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/polyglot/16feff4e-ce5f-4860-8cf6-49c37e8ed17f-1790402685-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/polyglot/16feff4e-ce5f-4860-8cf6-49c37e8ed17f-1790402570740-full.webp
- Component on Kage: https://kage.design/component/polyglot-cta-2

## Before you start
Ask what the user's product is, who it serves, and what brand personality and visual identity it should use. Apply these principles to that product rather than copying the reference.

Design a centered final CTA on a near-black background. Use a small muted eyebrow, a large concise headline, one supporting sentence, and a single prominent pill-shaped lavender button. Add a small compatibility, plan, or reassurance line below. Keep the composition intentionally quiet with 90–140px vertical breathing room, a 48–64px heading size on desktop, 18px supporting text, and no competing imagery. The button should include an optional compact action icon, have a visible hover state, and remain comfortably tappable on mobile.

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

More components