Kage Design logo kage
scalebrowser.net
Scalebrowser testimonials component

Design analysis

A spacious quote card uses a strong first-person statement, a compact author row, and a small customer mark to provide human proof after the integration story.

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/scalebrowser/2a4622f4-ebe3-4b20-ac5d-aef2ae1302c9-1792216898-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/scalebrowser/2a4622f4-ebe3-4b20-ac5d-aef2ae1302c9-1792216866183-full.webp
- Component on Kage: https://kage.design/component/scalebrowser-testimonials

## Before you start
Ask who the user's most credible customer or user type is, what verified result they can describe, and what attribution is permitted. Use an authentic, concise quote.

Build a wide testimonial card with a thin top rule and generous whitespace. Place a two-paragraph quote in dark 16–18px text, then an author row with avatar, name, role, and optional organization mark aligned at the bottom. Keep the card understated: white background, #17202a quote, #68737d metadata, #e8ecef border, 12px radius, and 40–56px padding. Avoid oversized quotation marks; let the language carry the proof. On mobile, retain clear separation between quote and attribution.

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

More components