Kage Design logo kage
chathop.tech
ChatHop footer component

Design analysis

A sparse footer closes the page with utility links, a compact brand line, and a quiet legal disclaimer that preserves the light palette.

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/chathop/788ba903-59f3-47ff-b1c8-618bf4f4ae3c-1789193011-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/chathop/788ba903-59f3-47ff-b1c8-618bf4f4ae3c-1789192974293-full.webp
- Component on Kage: https://kage.design/component/chathop-footer

## Before you start
Ask which legal, support, and utility destinations the user's product needs. Use those real destinations and the user's brand voice.

Build a minimal footer on the same pale background as the closing CTA. Center a single row of small utility links, place a bold product or company label beneath it, and add a very small muted disclaimer at the bottom. Keep it visually quiet and avoid adding another heavy navigation system.

Design language: background #efffd5, text #586151, primary footer label #11150d, and fine print #a1aa99. Use 12–13px links with 20–28px gaps, 13px bold brand label, and 10–11px disclaimer text. Use 40–60px top/bottom padding, no large borders, and underline or color-shift links on hover. Stack and center links on mobile while preserving comfortable tap targets.

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

More components