## 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/fresha-com/a0edb032-1288-4233-aedd-1c2eb6d6db18-1789146194-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/fresha-com/a0edb032-1288-4233-aedd-1c2eb6d6db18-1789146166919-full.webp
- Component on Kage: https://kage.design/component/fresha-footer

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

Build a two-tier responsive footer. The upper tier should use a light gray background (`#f3f3f3`), with the brand and app/download action at left and three to four grouped link columns for company, business, legal, and social destinations. Use 13–15px links, 24–40px column gaps, and a clear small heading style. Add a thin divider, then a white or slightly lighter bottom strip containing language/region at left and copyright/legal text at right. Collapse columns into stacked groups on mobile.

Never: use the reference's logo, product name, exact copy, illustrations, imagery, or branding.