Kage Design logo kage
airjelly.ai
AirJelly footer component

Design analysis

A quiet footer closes with a slim metadata row, grouped links, and a very large faint brand treatment below. Low contrast and ample whitespace preserve the editorial tone through the end of the page.

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/airjelly/990a635f-6745-4f3e-9b4f-9fb8b62b8b48-1792044312-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/airjelly/990a635f-6745-4f3e-9b4f-9fb8b62b8b48-1792044207019-full.webp
- Component on Kage: https://kage.design/component/airjelly-footer

## Before you start
Ask what legal links, support destinations, social channels, and brand details the user's product needs, then build an original footer around that information.

Build a spacious footer with a thin top divider and a centered max-width content row. Put copyright or legal metadata on the left and a compact set of utility links on the right, using 11–13px muted gray text. Below, add a large abstract brand wordmark or decorative typographic treatment in a very pale gray, but create it from the user's own brand system rather than an asset from the reference. Use white background, #9A9A9A metadata, #E9E9E9 rules, and substantial top padding. Links should underline or darken on hover; on mobile stack and center the metadata and links.

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

More components