## 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-1789146564-1.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-hero

## 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 high-impact split hero for a financial product: left side carries a short eyebrow, oversized numeric/value proposition, elegant italic supporting line, three concise benefit bullets, legal microcopy, and two CTAs; right side carries a large product visual such as a device mockup or abstract dashboard, angled slightly to create energy without harming readability. Use a deep indigo-to-violet gradient, approximately #24105f to #4b27c7, white typography, and a soft lavender accent. Make the main headline extremely prominent with a tight line-height, while the italic statement uses a contrasting editorial serif. Buttons should use 8px radius, a bright primary fill, and a transparent outlined secondary style. Below the main content, add a horizontal trust/stat row and a rounded pale information pill with a chevron. Preserve strong contrast, ample left alignment, and responsive stacking on mobile.

Never: copy the reference's logos, product names, copy, illustrations, imagery, APY figures, or exact claims.