Kage Design logo kage
zellahq.com
Zella call to action component

Design analysis

The closing CTA returns to a single decisive promise, removes perceived risk with small-print reassurance, and centers one unmistakable yellow action.

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/zella/1ad8c25d-9254-4564-a81b-c4a3a0594691-1789711358-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/zella/1ad8c25d-9254-4564-a81b-c4a3a0594691-1789711295290-full.webp
- Component on Kage: https://kage.design/component/zella-cta-2

## Before you start
Ask what the user's product and brand are, then apply the principles below to that product rather than copying the reference.

Design a final centered conversion band on a nearly black background. Use a very large two-line serif headline, one short risk-reducing paragraph, a prominent yellow pill CTA, and a tiny muted line of platform/privacy details underneath. Keep the composition intentionally sparse with generous whitespace, no competing links, and a faint top/bottom divider. Use #111210, ivory #e8e3d8, gray #8e8f88, and yellow #f3d20f. The CTA should have a clear hover state and accessible focus ring; on mobile, keep the headline readable without excessive wrapping.

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

More components