## 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/tinykpi/a5c6b072-2fc8-4798-bcd8-9bd0bf616d58-1789711474-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/tinykpi/a5c6b072-2fc8-4798-bcd8-9bd0bf616d58-1789711371888-full.webp
- Component on Kage: https://kage.design/component/tinykpi-footer

## Before you start
Ask what the user's product, brand, support destinations, and legal links are, then apply these principles to that product.

Build a minimal footer separated by a thin top rule. Use a top line or small note area for an optional research/feedback message, then a three-part footer row: brand and copyright on the left, primary site links centered, and account/legal links on the right. Keep everything small and muted, around 11–13px, with generous horizontal padding and 28–40px vertical spacing. Use #f8fafc background, #10202c for the brand, #7f8a92 for metadata, and #dfe5e8 for dividers. Add a compact back-to-top affordance if useful. Collapse into stacked groups on mobile while preserving clear link order.

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