Kage Design logo kage
alexishida.com
Moji footer component

Design analysis

The footer is intentionally quiet: a small brand lockup sits left, a centered legal note provides context, and a subtle back-to-top control sits right. It gives the page a finished editorial feel without adding navigation noise.

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/moji/682da163-2f11-4698-8415-78d5458fc05f-1789193061-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/moji/682da163-2f11-4698-8415-78d5458fc05f-1789192951631-full.webp
- Component on Kage: https://kage.design/component/moji-footer

## Before you start
Ask what legal, attribution, support, and social links the user's product requires, and what compact footer treatment fits the brand.

Create a slim footer with a top border and a centered max-width row. Put a compact product mark and one-line descriptor on the left, a small muted copyright or license statement in the center, and a circular back-to-top button on the right. Use an off-white background #faf9f5, charcoal #202123, muted grey #8d8a83, and a very subtle border #e5e2db. Keep type small but readable, use generous horizontal padding, and provide hover/focus states for the utility control. Collapse to a stacked two-row layout on mobile while preserving the brand first.

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

More components