## 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/clarity/18084f24-bf00-4b1e-9761-c33f370871f3-1790921032-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/clarity/18084f24-bf00-4b1e-9761-c33f370871f3-1790920906751-full.webp
- Component on Kage: https://kage.design/component/clarity-cta-2

## Before you start
Ask what the user's product is, who it serves, and what their brand personality and primary conversion goal are. Apply the following principles to that product rather than reproducing the reference.

Design a final centered CTA with ample vertical breathing room. Use a muted first line and a bright second line in a large responsive heading, followed by a concise pricing or trial note and two rounded actions: the primary self-serve action and a secondary sales/contact action. Keep the composition free of imagery so the conversion decision is unambiguous. Use approximately #080909 background, #9a9fa5 muted text, #f1f2f3 active text, #606874 primary button, and #2b3036 secondary border. Provide 100–150px vertical padding, 18–22px button radius, clear hover/focus states, and stack the buttons on mobile. Ensure the note can include a link with visible underline and sufficient contrast.

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