Testimonial / Social Proof
Quotes, logos, and endorsements that build trust and credibility
What is it?
Testimonial sections showcase customer quotes, logos, ratings, or case study callouts to provide social proof and reduce friction for conversions.
Mockdown
``` ──────── Testimonials ──────── "Product X helped our team ship faster." — Jane Doe, Acme Co. [Logo Grid] ``` Characteristics: - Short, attributable quotes - Optional avatar and role/company - Logo grid for quantitative trust signals - Carousel or grid layout depending on space
Layouts Using This Pattern
┌───────────────────────────────────────────────┐
│ │
│ Welcome! Let's get started. │
│ │
│ Step: ●────●────●────○────○ │
│ 1 2 3 4 5 │
│ │
│ ┌───────────────────────────────────────┐ │
│ │ │ │
│ │ What best describes your role? │ │
│ │ │ │
│ │ ┌─────────────┐ ┌─────────────┐ │ │
│ │ │ 💻 Developer│ │ 🎨 Designer │ │ │
│ │ └─────────────┘ └─────────────┘ │ │
│ │ ┌─────────────┐ ┌─────────────┐ │ │
│ │ │ 📊 Manager │ │ 🏢 Founder │ │ │
│ │ └─────────────┘ └─────────────┘ │ │
│ │ │ │
│ └───────────────────────────────────────┘ │
│ │
│ [ ← Back ] [ Next → ] │
│ │
└───────────────────────────────────────────────┘Onboarding
SaaS Multi-Step Onboarding Wizard
A guided 4-step onboarding flow for a SaaS product — covering profile setup, team invite, workspace configuration, and a success screen with next steps.
--onboarding--wizard--multi-step
Medium
┌───────────────────────────────────────────────┐
│ Logo Features Pricing ◆ Get Started │
├───────────────────────────────────────────────┤
│ │
│ Build something amazing. │
│ The fastest way to ship your app. │
│ │
│ [ Get Started ] [ Learn More → ] │
│ │
├───────────────────────────────────────────────┤
│ ┌───────────┐ ┌───────────┐ ┌───────────┐ │
│ │ ⚡ Fast │ │ 🔒 Safe │ │ 📦 Easy │ │
│ │ Feature │ │ Feature │ │ Feature │ │
│ │ desc... │ │ desc... │ │ desc... │ │
│ └───────────┘ └───────────┘ └───────────┘ │
├───────────────────────────────────────────────┤
│ "Loved by 10,000+ developers" ★★★★★ │
├───────────────────────────────────────────────┤
│ Logo · Twitter · GitHub · © 2026 │
└───────────────────────────────────────────────┘Landing Page
SaaS Product Landing Page
A conversion-focused SaaS landing page with a hero section, feature grid, social proof, pricing preview, and a sticky CTA — built to drive sign-ups.
--hero--cta--features
Medium
Use these prompts to generate layouts built with this pattern.
Ready to build?
Use this pattern as inspiration when creating UI layouts with AI tools.