## 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/masterclass-com/5ec25cd5-decc-406e-8087-269a3e7b0a10-1789146213-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/masterclass-com/5ec25cd5-decc-406e-8087-269a3e7b0a10-1789146173702-full.webp
- Component on Kage: https://kage.design/component/masterclass-footer

## Before you start
Ask what the user's product, company structure, legal needs, and brand are, then organize a footer for that product.

Build a spacious dark footer with a thin top divider. Start with an email invitation and compact signup on the left, then use multiple link columns for exploration, company/about, social, and platform downloads. Finish with a separated bottom row containing a small brand mark area, copyright, and security/legal status. Use #050505, #171719 surfaces for inputs, #cfcfcf headings, #8e8e8e links, 12–14px type, 28–32px gutters, and 32–48px column gaps. Link groups should have generous vertical rhythm and visible hover states; app badges may be neutral placeholders for the user's own platforms. Collapse into stacked groups or accordions on mobile.

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