Case Study Carousel Pro turns a dead testimonials widget into a structural B2B proof section — every card pairs a company logo, a headline metric, a quote, and a link to the full story.
Clean white cards, a headline metric, a rating, the quote, the person, and a link — three per slide, autoplaying and swipeable. Every style here is the module's default: install it and you get exactly this.
We replaced three tools and a freelancer with one system. Pipeline visibility went from guesswork to a dashboard the whole team trusts.
Onboarding that used to take a week now takes an afternoon. Our team actually enjoys updating the site now.
The numbers speak for themselves — but the real win is how little we think about it now. It simply works.
Our site finally looks like the firm — sharp, considered and on-brand. Qualified enquiries jumped the first month.
A full-width spotlight — one case study per slide in a side-by-side split: the metric and rating on the left, the quote and author on the right. Same default styling, no overrides.
We replaced three tools and a freelancer with one system. Pipeline visibility went from guesswork to a dashboard the whole team trusts.
The numbers speak for themselves — but the real win is how little we think about it now. It simply works.
Our site finally looks like the firm — sharp, considered and on-brand. Qualified enquiries jumped the first month.
Two equal-height cards per slide — author photo, name and role pinned to the bottom so rows line up. Still pure defaults.
We replaced three tools and a freelancer with one system. Pipeline visibility went from guesswork to a dashboard the whole team trusts.
Onboarding that used to take a week now takes an afternoon. Our team actually enjoys updating the site now.
The numbers speak for themselves — but the real win is how little we think about it now. It simply works.
Our site finally looks like the firm — sharp, considered and on-brand. Qualified enquiries jumped the first month.
Case Study Carousel Pro is a single, self-contained social-proof section for HubSpot CMS — a tired testimonial widget reframed as a structural B2B proof piece. Each card pairs a company name (or logo), a headline metric, a star rating, the customer’s quote, the author (name, role and photo) and a link to the full story. Show one card per slide as a spotlight, or two or three across as a wall of proof. It ships its own scoped styles and runs on Swiper, so it works on any page, landing page or blog template — on any theme, or none at all. Every visible value is an editor field wired through CSS variables: nothing is hardcoded and there is no CSS to write.
The module’s defaults are a clean, monochrome coss/ui-style card system: a white card on a soft alpha border, a 10px radius and a subtle layered shadow, an ink metric and quote, a 5-star rating in a warm gold, and a light gold quote mark. The only photographic color comes from the author portraits. The three demos on this page pass no style overrides at all — they change only the column count and alignment — so when you install the module you get exactly what you see here. Style it further whenever you want; you never have to in order to look finished.
Each card is a repeater item; add as many as you like (1–12). A logo is never required — the company name is the fallback — so you can run metric-led, quote-led or rating-led cards.
+182%, −63%, 4.2×, $1.4M) and what it measures.blockquote markup.Leading each card with a real number turns social proof into an argument. The value uses the display font at a configurable size and color; the label sits beneath in caps. An optional accent bar (color + width) can run down the left of the metric in left-aligned layouts when you want extra emphasis — it ships off by default for the clean look.
Stars render as crisp SVGs after the metric, with independent filled and empty colors and controls for size, gap and spacing — both default to a warm gold so the rating reads instantly. The decorative quote mark above the quote has its own color and size; it defaults to a light gold and can be toggled per instance under Settings.
Add a company logo per card (SVG or PNG) — height is configurable, and it falls back to the company name when empty. Add an author photo and it renders as a circular avatar beside the name; set its size to 0 to hide it. Both are optional, so you can run name-only, photo-only or both. All images are lazy-loaded.
Nothing is hardcoded — every weight, size, color, letter-spacing and gap is a field, wired through scoped CSS variables, so two instances on the same page can look completely different. The display and body fonts are two HubSpot font pickers that inherit your theme’s fonts when present and fall back to a clean sans otherwise; whichever Google font you choose is loaded automatically by the module, so it works on any theme — or none.
Background, border color & width, radius, padding, and a soft / medium / large shadow with your own shadow color — or none.
Metric value & label, filled & empty stars, quote, company, author name & role, divider, quote mark, link & link-hover, and the navigation arrows and dots — each a color with its own opacity.
Two font pickers (a display font for the metric, a body font for everything else), plus, for each element, its own size, weight and letter-spacing — metric value & label, quote, company, author name & role, link and quote mark — with a quote italic toggle and line-heights for the metric and quote.
Container max width, the spotlight split (left-column width, column gap, divider), logo height, star size & gap, author photo size & gap, metric & author spacing, the quote-to-author gap, link icon size & gaps, navigation arrow / dot sizes and gaps, inactive-slide opacity, section padding, and tablet / mobile breakpoints.
blockquote markup, an aria-label with the numeric rating on each star group, and keyboard-operable arrows and dots.All three demos on this page render straight from the module’s defaults — no style overrides are passed. The only difference between them is the column count, the alignment and the quote-mark toggle. The single source of color is the author portraits, plus the gold rating stars and quote mark that ship by default.