Kage Design logo kage
fideisland.it.com
Fide Island testimonials component

Design analysis

A large question-style heading introduces three testimonial cards from different communities, with one dark featured card, carousel indicators, and a review CTA.

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/fide-island/e90b7c78-4279-44cf-a252-bbd8cdefeb5b-1789711572-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/fide-island/e90b7c78-4279-44cf-a252-bbd8cdefeb5b-1789711455018-full.webp
- Component on Kage: https://kage.design/component/fide-island-testimonials

## Before you start
Ask who the user's real customers are, what proof is credible, and whether testimonials require attribution or moderation. Build the section around those answers.

Design a testimonial section with a numbered eyebrow, a large editorial serif heading on the left, and a short contextual sentence on the right. Below, place three horizontally aligned review cards: one visually featured dark card and two light cards. Each card needs an avatar placeholder, source label, author name, quote, and a small footer action such as viewing the discussion. Add unobtrusive pagination dots and an outlined “leave a review” style action aligned to the lower right. Use #f5f4f1, white cards, #171719 for the featured card, thin borders, 20px radius, and restrained red/orange source accents only where useful. Make the row swipeable on mobile and provide accessible carousel controls.

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

More components