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

Design analysis

A centered heading introduces a horizontal row of compact quote cards, giving the page broader social proof through multiple voices.

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/resend-com/a5fe426a-0829-45e6-9969-dd938a799528-1789141644-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/resend-com/a5fe426a-0829-45e6-9969-dd938a799528-1789137406155-full.webp
- Component on Kage: https://kage.design/component/resend-testimonials-2

## Before you start
Ask what the user's product is, who it serves, and what its brand voice and visual identity are. Apply the following principles to that product rather than reproducing the reference.

Create a social-proof section with a centered heading and one-sentence introduction, followed by three horizontally aligned quote cards. Give each card a subtle #151617 fill or transparent black surface, 1px #242526 border, 12px radius, quote text, and a compact avatar/name/role footer. Keep cards equal height, use 13–15px text, and allow horizontal scrolling or a stacked layout on mobile. Maintain subdued contrast so the quotes support rather than compete with the final CTA.

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

More components