## 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/albie/924ea594-904d-48ee-866c-6d109761f321-1791439553-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/albie/924ea594-904d-48ee-866c-6d109761f321-1791439457023-full.webp
- Component on Kage: https://kage.design/component/albie-footer

## Before you start
Ask which utility, legal, support, and social links the user's product needs and what footer hierarchy fits the brand.

Build a compact full-width footer on deep navy #1D2B3D. Put a small brand treatment on the left, a horizontal group of underlined utility/legal links in the middle, and a muted copyright or status line on the right. Use off-white text for the brand and low-contrast pale blue-gray #C7D2DC for secondary links. Keep the footer around 64–88px tall on desktop, with clear focus states and a stacked layout on mobile. Use no decorative clutter; the footer should feel like a quiet, trustworthy finish.

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