mintlify.com
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.
kage