Kage Design logo kage
mintlify.com
mintlify.com testimonials component

Design analysis

A testimonial section uses a heading and read-more CTA above a two-row, three-column grid of compact quote cards with avatars, names, roles, and companies.

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/mintlify-com/71224961-d985-451b-9e35-e02eddcee178-1789060645-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/mintlify-com/71224961-d985-451b-9e35-e02eddcee178-1789060616-full.webp
- Component on Kage: https://kage.design/component/mintlify-testimonials

Use the reference as inspiration only; never reproduce its branding, logo, copy, or proprietary content. Build a testimonial section around 530px tall with a left-accented heading, a black read-more button at right, and six quote cards in a 3-by-2 grid. Each warm off-white card should include a small circular or geometric avatar mark, bold name, muted role/company line, and a short quote. Use 10px radius, #eeece8 borders, 12px gaps, 20px padding, 14px body text, and a responsive single-column layout.

More components