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

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

Design a social-proof section with a dark purple background around #3b287e. Use a two-column upper layout: an oversized editorial quote and source treatment on the left, and a warm lifestyle/customer image on the right with a translucent attribution panel over its lower edge. Below, add four evenly spaced proof metrics with large white values and short labels, then a narrow legal/disclosure paragraph in a smaller muted lavender tone. Use a contrasting serif for the quote and a bold sans-serif for metrics. Keep the section calm and premium with substantial padding, 12px image radius, and clear contrast; stack the quote and image on mobile.

Never: copy the reference's logos, product names, copy, illustrations, imagery, publication names, customer identities, or exact statistics.