Kage Design logo kage
monarchmoney.com
monarchmoney.com card component

Design analysis

A large muted quote card creates a slower editorial moment, pairing a prominent testimonial with a vertical stack of publication names.

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/monarchmoney-com/635efc73-78c7-4e34-907f-7c8ed3a65d95-1789146616-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/monarchmoney-com/635efc73-78c7-4e34-907f-7c8ed3a65d95-1789146549196-full.webp
- Component on Kage: https://kage.design/component/monarchmoney-card

## Before you start
Ask what the user's product, audience, and brand are, then apply the principles below to that product rather than reproducing the reference.

Build a large rounded feature quote card on a pale warm-gray surface `#efeeeb`. Use a two-column layout: a narrow left rail for a quiet stack of publication or source labels, and a wide right column for an oversized serif quotation, source name, and smaller attribution line. Keep the composition spacious and editorial, with low-contrast gray source marks and near-black quote text. Use a 16px radius, no heavy border, and ample vertical padding. On mobile, move the source rail above the quote and reduce the quote size while preserving its visual authority.

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

More components