Editorial Journal Testimonials
A sophisticated, light-themed testimonials section inspired by high-end editorial magazines. Designed for marketing agencies, creative studios, and premium service brands.
Features
- Warm linen palette — Cream background (#f6f3ee) with terracotta (#9e4a36) and warm clay (#c8a088) accents for a refined, earthy feel
- Editorial typography — Cormorant Garamond serif for italic pull-quotes, Figtree geometric sans for body text (Google Fonts, graceful fallbacks)
- Featured testimonial — Hero-sized card with oversized decorative quotation mark, italic serif quote, and author attribution
- Three supporting cards — Responsive grid with hover lift effect and accent top-line reveal
- Paper texture — SVG fractal noise grain at low opacity for tactile depth
- Staggered reveal — Each element fades in sequentially with upward motion
- Trust strip — CTA button with review score and award badges
- Responsive — Stacks to single column on mobile, 3-column grid on desktop
Dependencies
@/components/ui/badge — Shadcn Badge@/components/ui/button — Shadcn Button@remixicon/react — RiStarFill, RiArrowRightLine- Google Fonts — Cormorant Garamond (italic serif), Figtree (geometric sans)
Customization
- Accent color: Replace all
#9e4a36 (terracotta) and #c8a088 (clay) values with your brand color
- Background: Swap
#f6f3ee for any warm neutral; cooler tones (#f5f5f5) also work
- Testimonials: Edit the
featured object and array to change quotes, authors, and companies
