Kage Design logo kage
phantom.com
phantom.com footer component

Design analysis

The footer combines a prominent email signup panel, grouped navigation links, operational status, and utility/legal links in a softly elevated container.

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/phantom-com/df84c488-d9fa-4f45-8b51-bd3e334c55b2-1789146861-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/phantom-com/df84c488-d9fa-4f45-8b51-bd3e334c55b2-1789146834018-full.webp
- Component on Kage: https://kage.design/component/phantom-footer

## Before you start
Ask what newsletter or contact action the user's product needs, which link groups are essential, and what operational or legal metadata must appear. Apply the structure to the user's information architecture.

Build a spacious footer on a pale lavender background. Inside a large white or near-white rounded container, place a newsletter signup area with a small brand mark placeholder, a large email prompt, supporting text, and a compact submit button. Below it, arrange four or five link columns with concise headings and evenly aligned links. Add a small operational-status pill near the lower left and a bottom utility row for copyright, terms, privacy, and cookie preferences. Use approximately 24px container radius, 32px–40px padding, subtle shadow, dark indigo text, muted gray secondary text, and a light lavender signup button. Make the form labeled, validated, keyboard accessible, and responsive: stack the email field and button on narrow screens.

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

More components