## 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/base-code/bec5af88-964e-4f0a-90b9-76aa2444b6f5-1791871473-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/base-code/bec5af88-964e-4f0a-90b9-76aa2444b6f5-1791871315791-full.webp
- Component on Kage: https://kage.design/component/base-code-footer

## Before you start
Ask for the user's company description, information architecture, social destinations, legal requirements, and brand style. Build an original footer for that product.

Create a spacious multi-column footer on white or warm white. Put the brand name and a concise mission paragraph in the first column, followed by grouped link lists for company, product, resources, and legal. Use small but highly legible sans-serif text, clear group headings, generous column gaps, and strong alignment. Add a separate social row and a thin divider before the copyright line. Use near-black text around `#171717`, subtle gray rules, and no decorative card backgrounds. On mobile collapse link groups into accessible accordions or stack them cleanly, keeping legal links and copyright easy to find.

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