Skip to main content

Social Proof Sections

Social proof sections build trust and credibility. Use them to display customer testimonials, partner logos, and key metrics.


Testimonials

ID: testimonials-v2

A grid of testimonial cards with customer quotes, star ratings, avatars, and role information. The middle card is subtly elevated for emphasis.

Live preview

Testimonials

Loved by teams everywhere

Don't just take our word for it. Here's what our customers have to say.

We switched our entire engineering team to Acme in under a week. Productivity jumped 40% in the first month.


SC
Sarah ChenCTO, Nexus AI

Finally a tool that doesn't get in the way. It just works, exactly how you'd expect it to.


MJ
Marcus JohnsonFounder & CEO, Drift Labs

The analytics alone are worth it. We caught three critical UX issues in the first week.


ER
Elena RodriguezVP of Product, Carta

Fields

FieldTypeLabelDefault
eyebrowtextEyebrowTestimonials
headlinetextHeadlineLoved by teams everywhere
descriptiontextareaDescriptionDon't just take our word for it...
testimonialsarrayTestimonials3 default testimonials

Testimonial item fields:

FieldTypeLabelDefault
nametextNameCustomer Name
roletextRoleRole
companytextCompanyCompany
quotetextareaQuoteGreat product!
avatarimageAvatar--
ratingnumberRating (1-5)5

Default content

Eyebrow:  Testimonials
Headline: Loved by teams everywhere
Cards: 3 testimonials with names, roles, companies,
quotes, and 5-star ratings

When to use

Place after your features section to back up your claims with real customer voices. Three testimonials is standard, but you can add more.

Tips

  • Upload real headshots for avatars. If unavailable, initials are generated automatically.
  • Keep quotes to 1-3 sentences. Long quotes are truncated to 4 lines.

Logo Cloud

ID: logo-cloud-v2

A horizontal row of company names displayed as uppercase text logos with a subtle hover effect.

Live preview

Trusted by leading companies

Vercel
Stripe
Notion
Linear
Figma
GitHub

Fields

FieldTypeLabelDefault
headlinetextHeadlineTrusted by industry leaders
logosarrayLogos5 default company names

Logo item fields:

FieldTypeLabelDefault
nametextCompany NameCompany

Default content

Headline: Trusted by industry leaders
Logos: 5 company names displayed as text

When to use

Show well-known customers or partners. Takes up minimal vertical space and works well right below a hero section.

Tips

  • 4-6 logos works best. Company names are rendered as styled text -- no image uploads needed.

Stats

ID: stats-v2

A row of big animated numbers (e.g., "10,000+", "$2M", "99.9%") with labels underneath. Numbers count up from zero when they scroll into view.

Live preview

10,000+

Active teams

99.9%

Uptime

50M+

Pages served

4.9/5

Customer rating

Fields

FieldTypeLabelDefault
statsarrayStats4 default stats

Stat item fields:

FieldTypeLabelDefault
valuetextValue100+
labeltextLabelMetric

Default content

Stats: 4 metrics (e.g., 10,000+ Customers, 99.9% Uptime,
150+ Countries, $2M+ Saved)

When to use

Quantify your claims with hard numbers. Place near testimonials or after a features section.

Tips

  • Use 3-4 stats. The grid displays 4 columns on desktop, 2 on mobile.
  • Include a prefix or suffix in the value (e.g., "$2M+", "99.9%") for context.
Was this page helpful?