## 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-2.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-2

## 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.

Build a centered introduction section on a near-white lavender background around #f8f7fc. Use a bold indigo heading followed by a large italic serif subheading to create a memorable editorial hierarchy. Add one restrained paragraph with a readable max-width, then a compact row of two or three trust or proof cards beneath it. Cards should have deep purple surfaces, rounded 8px corners, centered marks or metrics, and enough padding to feel like endorsements rather than ads. Keep generous vertical whitespace and use a thin neutral divider at the section boundary. On mobile, stack the cards while retaining centered alignment.

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