Amber Ecommerce Testimonials
An editorial-style testimonial wall designed for ecommerce and marketplace platforms.
Features
- Masonry grid — CSS columns layout for organic card placement
- Star ratings — Filled star icons per testimonial
- Performance metrics — Optional metric + label per card (conversion lift, AOV, etc.)
- Avatar fallbacks — Color-coded initials with unique background per author
- Serif headline — Playfair Display with italic accent for editorial warmth
- Featured cards — Amber gradient border for highlighted testimonials
- Grain texture — SVG fractal noise for tactile depth
- Dark mode — Deep warm tones with stone palette
Dependencies
@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/card — Shadcn-Vue Card@/components/vue-ui/avatar — Shadcn-Vue Avatar@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Testimonials: Edit the
testimonials array for your customer quotes
- Colors: Swap amber for another warm tone (orange, yellow)
- Layout: Adjust column count for different densities
