Kage Design logo kage
chathop.tech
ChatHop feature grid component

Design analysis

Four short trust principles are presented as equal white cards, making privacy claims scannable without overwhelming the closing area.

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-1789193010-7.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-feature-grid-2

## Before you start
Ask what trust, privacy, safety, or transparency commitments are true for the user's product. Turn only those verified commitments into cards.

Create a compact trust section on a pale lime background. Add a small uppercase eyebrow, a centered heading, then a four-column grid of equal cards. Each card gets a short bold principle title and two or three lines of explanatory text, followed by a single underlined link to a fuller policy or trust page.

Design language: background #efffd5, near-black #10140c text, muted gray-green body copy, white cards around #ffffff, 1px border #e7eee0, and 10–14px radius. Use a 28–36px heading, 13–14px card titles, and 12–14px body text. Cards should have consistent padding around 18–22px, a very soft shadow, and equal heights. Collapse to two columns then one column on mobile. Underlined links should show a visible hover color shift.

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

More components