A production-ready testimonial carousel built with Slick Slider, featuring a refined editorial aesthetic inspired by Linear, Vercel, and Stripe.
✨ Highlights
• Elegant serif headline with tight letter-spacing and muted subhead
• 6 realistic, metric-driven B2B SaaS testimonials with diverse portraits
• Light / Dark mode toggle with system preference detection & localStorage persistence (no FOUC)
• Multi-font style switcher — Editorial (serif), Modern (Inter), Technical (Space Grotesk)
• Live accent color theming wired through buttons, quote marks, and progress bar
• Segmented progress indicator + numbered slide counter (01 — 06)
• Auto-advance with pause-on-hover, keyboard arrow navigation, and touch swipe
• Accessible: aria-live region, aria-pressed toggles, focus-visible rings, prefers-reduced-motion support
• Responsive: 3 cards desktop → 2 tablet → 1 mobile with 44px tap targets
🛠Tech
Vanilla HTML + CSS + jQuery + Slick Carousel. Single file, no build step.
🎨 Design
Warm off-white / deep charcoal palette, 20px card radius, subtle hover lift, cubic-bezier(0.4, 0, 0.2, 1) easing throughout.
Perfect as a drop-in section for SaaS landing pages, portfolio sites, or design-system showcases.
Top comments (0)