## 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-1789146566-8.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-footer

## 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 dark, full-width footer beginning with a centered max-width sitemap. Place the brand area at left and four or five grouped link columns to the right, with bold category labels and compact link lists. Include a horizontal divider, then a legal/disclosure region with small but still readable text, numbered notes where appropriate, linked references, and a final copyright line. Use a near-black navy background around #17152b, white and muted lavender text, 1px translucent separators, and 32–48px desktop padding. Preserve adequate line-height and contrast for legal copy, and collapse link groups into accessible accordions on mobile. Keep the footer visually distinct from the content above while maintaining the same typography family.

Never: copy the reference's logos, product names, copy, illustrations, imagery, legal text, links, or exact disclosures.