Kage Design logo kage
rocketmoney.com
rocketmoney.com logo cloud component

Design analysis

An editorial proof section uses a ring of diverse lifestyle images to create warmth around a centered membership claim, then anchors that claim with a small featured-in label and monochrome publication marks.

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/rocketmoney-com/33d2822e-a753-4b7c-bf3f-3f514d417ce5-1789146589-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/rocketmoney-com/33d2822e-a753-4b7c-bf3f-3f514d417ce5-1789146528240-full.webp
- Component on Kage: https://kage.design/component/rocketmoney-logo-cloud

## Before you start
Ask what credibility signals the user's product has—customers, usage, awards, partners, or press—and what visual tone fits the brand. Apply the principles below without using the reference's assets or wording.

Design a centered social-proof band with generous whitespace. Use a prominent but compact proof statement in the middle, optionally surround it with a loose orbit or collage of small rounded customer images, and place a tiny uppercase credibility label plus a horizontal row of monochrome partner or press marks beneath. Keep the background white or near-white, use near-black #111111 for the statement, muted #777777 for the label, and one subtle brand accent. Make the central statement 36–48px, use 12–13px uppercase tracking for the label, and keep logos optically balanced rather than equally sized. Use 80–120px vertical padding, 24px image radii, and responsive hiding/reflow of the orbit on small screens. Treat all imagery as replaceable content supplied by the user's brand.

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

More components