## 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/art4/7829dcfa-a9d2-43f5-a84e-0a12e7aa84a2-1791180360-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/art4/7829dcfa-a9d2-43f5-a84e-0a12e7aa84a2-1791180184357-full.webp
- Component on Kage: https://kage.design/component/art4-footer

## Before you start
Ask what brand details, support destinations, legal links, and secondary resources the user's product needs. Apply the principles below to that product.

Create a clean footer with a max-width container and generous top padding. Use a first row with a compact brand anchor on the left and three or four link columns on the right; each column should have a small muted heading or category and vertically spaced links. Use 12–14px typography, #777b78 for links, #202321 for the brand, and white or warm-white #fcfcfb background. Add a thin #e5e6e4 divider above a final row containing a subtle maker note, copyright, and legal/support links. Keep the layout airy rather than dense, and collapse columns into stacked groups on mobile.

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