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

Design analysis

A full-width portrait creates emotional authority while a large quote and speaker name sit low in the frame, keeping the testimonial immersive rather than card-like.

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/patreon-com/f09b5697-c1c9-4600-81d4-e7bb56a9df3f-1789146381-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/patreon-com/f09b5697-c1c9-4600-81d4-e7bb56a9df3f-1789146360542-full.webp
- Component on Kage: https://kage.design/component/patreon-testimonials

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

Create an immersive full-bleed testimonial band using a close-up, brand-relevant portrait or video still with a subtle dark gradient. Place a short, large quote near the bottom edge and the speaker attribution aligned to the opposite side. Keep the treatment editorial: sparse UI, bright high-contrast type, ample breathing room, and enough overlay for legibility. If the testimonial is part of a carousel, expose discreet controls without competing with the quote.

Never: use the reference's logos, product names, copy, illustrations, or imagery.

More components