## 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/cadenya/d064e83b-00ab-4d52-aab7-77367964ea32-1789192869-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/cadenya/d064e83b-00ab-4d52-aab7-77367964ea32-1789192832645-full.webp
- Component on Kage: https://kage.design/component/cadenya-footer

## Before you start
Ask what resources, contact paths, social channels, and secondary conversion action matter for the user's product. Then build a footer that reflects its brand system.

Design a structured footer on a warm-white background with a thin grid. Use a left framed invitation block containing a short serif heading, concise supporting text, and a small outlined or filled action. To the right, arrange three compact link groups with uppercase mono headings and vertically spaced links, then reserve an area for the user's own brand mark and social icons. Add a restrained lower legal row if needed. Use #fbfbf7 surface, #172021 ink, #dfe4dc rules, and a deep green accent for interactive states. Keep the frame corners square or clipped, use 11–13px mono labels, 14–16px links, and 24–30px editorial heading type. Provide generous padding and clear hover/focus states; stack invitation, links, and social controls on narrow screens.

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