## 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/jackalope/0b3edf93-8385-4e4a-8f92-3c01052ad81d-1789193039-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/jackalope/0b3edf93-8385-4e4a-8f92-3c01052ad81d-1789192903236-full.webp
- Component on Kage: https://kage.design/component/jackalope-footer

## Before you start
Ask what navigation groups, social destinations, legal links, and brand treatment belong to the user's product. Apply this structure with original content.

Build a bold footer that shares the CTA's saturated accent background. Place an oversized, lightweight brand treatment near the top, followed by four evenly spaced navigation columns with small headings and vertically stacked links. End with a compact bottom row containing company attribution on the left and privacy, terms, sitemap, or license links on the right. Use white or near-white text at varied opacities, a background around #5949ef, 14px column labels, 13px links, 11–12px legal text, generous column spacing, and subtle hover underlines. Keep the footer responsive by stacking columns and allowing the legal row to wrap on narrow screens.

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