## 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/descript-com/c210b18a-1678-4bef-91b5-c444a8589f04-1789146913-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/descript-com/c210b18a-1678-4bef-91b5-c444a8589f04-1789146857587-full.webp
- Component on Kage: https://kage.design/component/descript-footer

## Before you start
Ask what pages, resources, legal links, social channels, and support destinations belong to the user's product. Organize only the destinations that actually exist.

Build a dark multi-column footer beneath the final CTA. Put the brand block and social links in the first column, then group product, company, and resource links under clear headings. Use a lower or inset panel for guides, tools, or other high-volume resources so the main footer remains scannable. Add copyright, privacy, terms, and accessibility links in a final row. Use near-black #140a0d, warm white #f8e9ea, muted gray-pink #b69da3, and inset panel #28171b. Set a max-width container, 40–64px column gaps, 12–16px vertical link spacing, and 8–12px panel radius. On mobile, collapse link groups into accessible accordions or stack columns; retain visible keyboard focus, adequate contrast, and hover states.

### Never
- Never copy the reference's logo, brand name, exact link taxonomy, copy, or social icons.
- Never include dead links, hidden legal information, or low-contrast text.