## 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/eventbrite-com/7528d4f6-3311-4de9-a3b5-4d616b4b671a-1789146267-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/eventbrite-com/7528d4f6-3311-4de9-a3b5-4d616b4b671a-1789146238794-full.webp
- Component on Kage: https://kage.design/component/eventbrite-footer

## Before you start
Ask what the user's product, audience, information architecture, and brand are, then apply these principles to that product rather than reproducing the reference.

Build a dark multi-column footer with a deep purple background around #210b3b and light text. Use four equal columns on desktop with bold 12–14px headings and vertically stacked 11–12px links in muted lavender-gray. Include a lower divider or spacing break, then a copyright/utility row with legal links and a locale selector. Provide 48–56px top and bottom padding, 24–32px column gaps, and a max-width content container. On mobile, collapse columns into accordions or stacked groups. Ensure links have clear hover and focus states, maintain sufficient contrast, and keep the footer visually dense but readable.

Never: copy logos, product names, exact copy, illustrations, or imagery from the reference.