## 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/milliseconds-ai/6fac96f3-e489-4913-80bc-8c862b5f9e82-1790056994-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/milliseconds-ai/6fac96f3-e489-4913-80bc-8c862b5f9e82-1790056904819-full.webp
- Component on Kage: https://kage.design/component/milliseconds-footer

## Before you start
Ask for the user's final navigation groups, support/contact destinations, legal requirements, and preferred brand sign-off. Build the footer around those real needs.

Create a dark footer on `#101012` with 44px horizontal padding, a short statement and brand signature near the top, and three or four navigation columns below. Use thin horizontal dividers in `#29292d`, small 10–11px uppercase monospace group labels, and 12–13px links in warm gray. The upper area should have a compact description on the left and a large typographic brand treatment on the right, but render the user's own wordmark or a neutral text placeholder—not a copied logo. Finish with a bottom utility row containing copyright, location or company metadata, trust/security links, terms, contact, and a back-to-top link.

Use responsive grid-to-stack behavior, 20–28px column gaps, 40–56px section spacing, warm white `#f3f1ed`, muted gray `#8d8a91`, and a restrained violet accent for interactive states. Add visible focus outlines and make every link keyboard accessible.

Never: copy the reference logo, product name, company details, footer labels, legal copy, illustrations, imagery, or exact wordmark.