## 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/dotverse/da38b075-ca59-4d6c-be00-140ffcca760c-1793253652-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/dotverse/da38b075-ca59-4d6c-be00-140ffcca760c-1793253624916-full.webp
- Component on Kage: https://kage.design/component/dotverse-footer

## Before you start
Ask the user what legal, support, social, and release links their product needs, plus the appropriate brand name and tone. Then implement a restrained footer using original information.

Build a compact full-width footer on a warm off-white background `#f8f7f2`, separated by a 1px rule in `#dfddd4`. Use a centered max-width content row with 14–18px vertical padding. Place a tiny muted brand/legal label and one short disclaimer on the left; place two or three utility links such as changelog, help, terms, or privacy on the right. Use 10–12px sans-serif text, gray `#77766f`, with subtle underlines on links and a darker hover state. At mobile widths, stack the columns with a small gap while maintaining generous side padding. Keep the footer calm and information-dense rather than promotional.

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