## 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/nani/f548445b-7dd2-48a7-847f-0684381711f2-1792217071-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/nani/f548445b-7dd2-48a7-847f-0684381711f2-1792217012251-full.webp
- Component on Kage: https://kage.design/component/nani-footer

## Before you start
Ask for the user's product name, support destinations, legal links, and brand system. Then create an original footer rather than copying the reference.

Build a clean white footer with a three-column upper area: brand summary on the left, legal links in the middle, and support links on the right. Use a small product mark or wordmark, a muted one- or two-line description, bold small column headings, and compact gray links with comfortable vertical spacing. Finish with a thin divider and a bottom row containing copyright text on the left and platform/trademark notes on the right. Use deep navy #17192f for headings, #747984 for metadata, white background, and #eceef1 divider lines. Keep the content aligned to the same max-width grid as the rest of the page and stack columns cleanly on mobile.

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