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

Design analysis

A final dark conversion block pairs a simple sign-up message with a product/device scene and a compact rating proof point before the footer.

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/public-com/cb41c975-325f-4844-b439-84e9d28bd7b7-1789146538-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/public-com/cb41c975-325f-4844-b439-84e9d28bd7b7-1789146490836-full.webp
- Component on Kage: https://kage.design/component/public-cta-3

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

Create a final account-opening CTA on a black canvas. Use a two-part composition: left-aligned serif headline and short dark-mode signup button on the left, a wide product/device scene or generic interface image on the right, and a small star-rating quote beneath or beside the headline. Keep the image partially cropped so it feels cinematic, but ensure it never overwhelms the conversion action. Use #050505, #F4F4EF, #A4A4A4, subtle #202020 borders, a 999px button, and 32–64px internal padding. Add responsive stacking with the CTA first on mobile.

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

More components