Kage Design logo kage
copilot.money
copilot.money logo cloud component

Design analysis

A restrained row of small award-style marks provides credibility directly beneath the hero. Its low-contrast treatment supports trust without becoming a second headline.

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/copilot-money/645bb157-e222-4315-91ed-1b76fbb9bd6b-1789146601-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/copilot-money/645bb157-e222-4315-91ed-1b76fbb9bd6b-1789146540058-full.webp
- Component on Kage: https://kage.design/component/copilot-money-logo-cloud

## Before you start
Ask what the user's product is, who it serves, and what its brand voice and colours are. Apply the principles below to that product rather than reproducing this reference.

Build a compact trust strip beneath a hero:
- Center 4–6 recognition items in one horizontal row, each with a tiny abstract badge/icon and two-line label.
- Use muted monochrome treatment, roughly #aeb9c8 at 70% opacity, on a #020d1b background.
- Keep each item equal in visual weight with 24–34px gaps and a max-width matching the hero content.
- Use 10–11px uppercase or small-label typography with relaxed tracking; icons may be simple CSS laurels or neutral placeholders generated for the user's brand.
- On mobile, allow horizontal scrolling or a two-row wrap without clipping.

Never:
- use logos, product names, copy, illustrations, or imagery from the reference;
- reproduce real award names or marks;
- imply endorsements that the user's product cannot substantiate.

More components