## 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/patreon-com/f09b5697-c1c9-4600-81d4-e7bb56a9df3f-1789146383-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/patreon-com/f09b5697-c1c9-4600-81d4-e7bb56a9df3f-1789146360542-full.webp
- Component on Kage: https://kage.design/component/patreon-footer

## Before you start
Ask what the user's product, audience, and brand are, then apply these principles to that context rather than reproducing the reference.

Create a dark multi-column footer with a generous top row of categorized navigation links and a lower utility row. Include app/download badges only if relevant, locale and currency selectors, social destinations, and a right-aligned address or legal block. Use small muted gray text with brighter section labels, consistent column widths, generous vertical rhythm, and pill controls for selectors. On mobile, collapse columns into accordions and preserve accessible focus states.

Never: use the reference's logos, product names, copy, illustrations, or imagery.