## 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/meetup-com/38f9f6c4-75f1-46e9-b1c3-f8b44b19e777-1789146458-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/meetup-com/38f9f6c4-75f1-46e9-b1c3-f8b44b19e777-1789146409864-full.webp
- Component on Kage: https://kage.design/component/meetup-footer

## Before you start
Ask what the user's product does, who it serves, and what its brand personality and visual identity are. Then apply the principles below to that product rather than reproducing the reference.

Build a dark, rounded site footer with a prominent top strip inviting the relevant audience to create, sell, publish, or otherwise contribute. Below it, use four link columns with clear small headings and muted links, plus a social-links area and app-download buttons if relevant. Finish with a thin divider and a compact legal row containing copyright, policy links, accessibility/help, and a small maker or trust note. Use #242424 or #202020 background, #FFFFFF primary text, #A6A6A6 secondary text, and one vivid brand accent for the top CTA. Apply a 28–36px outer radius, 34–48px padding, 24–32px column gaps, 12–14px utility type, and clear hover/focus states. Stack columns cleanly on mobile and preserve readable contrast.

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