## 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/fastlane-2-0/959a4273-adb0-42a9-9dfc-df0ea320e78d-1792735313-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/fastlane-2-0/959a4273-adb0-42a9-9dfc-df0ea320e78d-1792735248580-full.webp
- Component on Kage: https://kage.design/component/fastlane-2-0-footer

## Before you start
Ask what legal links, support destinations, social channels, and final conversion action the user's product needs. Also ask what original brand-safe background treatment is available.

Build a dark footer that begins with a wide cinematic media or abstract gradient panel, fading from a muted image area into #080808. Keep the media original, heavily softened, and decorative rather than essential. Place a compact centered final CTA over the transition, then a multi-column sitemap below with small 11–13px uppercase or semibold group labels and 12–14px link text. Use #ffffff headings, #b8b8b8 links, subtle hover colour shifts toward #ff4a45, and 24–40px column gaps. Include a small brand/legal row and copyright line at the bottom. Ensure links have visible focus states, the footer stacks cleanly on mobile, and the dark section has enough padding that content is not clipped by the media transition.

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