backdropagent.com
Design analysis
A high-contrast black footer closes the page with a wordmark area, short positioning line, social controls, legal links, and a quiet bottom credit row.
Prompt preview
## 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/backdrop/a4be162f-a1b8-4e5c-8da7-09cb7d37c0e3-1792130681-9.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/backdrop/a4be162f-a1b8-4e5c-8da7-09cb7d37c0e3-1792130585649-full.webp - Component on Kage: https://kage.design/component/backdrop-footer ## Before you start Ask for the user's brand name, legal links, social destinations, and preferred footer voice. Then build a distinct footer using those details. Create a full-width dark footer with a max-width inner container. Put the brand mark/wordmark and a short positioning statement on the left, legal or utility links in a compact column on the right, and social icon buttons beneath the brand area. Finish with a thin divider and a small muted copyright/credit line. Use #050505 or another deep brand color, white primary text, #a8a8a8 secondary text, 1px rgba(255,255,255,.12) dividers, and circular or softly rounded social controls with subtle hover contrast. Maintain 48–64px horizontal padding and 56px+ vertical spacing; stack columns on mobile while keeping legal links easy to scan. ### Never - Never use the reference logo, product name, footer copy, or social icons as assets. - Never omit required legal links. - Never use low-contrast text that fails accessibility.
kage