wealthfront.com
Design analysis
A short saturated CTA band reduces the message to one memorable headline and a single centered 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/wealthfront-com/3e3be85e-7bdd-4e6a-8630-f389b2c5e8da-1789146565-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/wealthfront-com/3e3be85e-7bdd-4e6a-8630-f389b2c5e8da-1789146504390-full.webp - Component on Kage: https://kage.design/component/wealthfront-cta ## Before you start Ask what the user's product is, who it serves, and what its brand voice and visual identity are. Then apply the following principles to that product rather than reproducing this reference. Create a compact full-width conversion banner with a deep indigo/purple gradient, one large centered headline, and one clearly dominant button beneath it. Pair a bold sans-serif phrase with an italic serif emphasis to add personality. Use generous vertical padding, a subtle atmospheric gradient or glow, and a high-contrast lavender/blue primary button with 8px radius. Do not add competing links or dense information; this section should feel like a confident final nudge. Ensure the button has visible hover, focus, and pressed states. Never: copy the reference's logos, product names, copy, illustrations, imagery, or exact CTA wording.
kage