Social Proof Bar
ProA horizontal strip displaying trust signals such as customer logos, testimonial quotes, aggregate user counts, or star ratings. Used on landing pages and pricing sections to build credibility and reduce purchase hesitation.
4 variants
Variants
| Variant | Description | When to use |
|---|---|---|
| Logos | ||
| With Stats |
Usage Guidelines
Do
Use greyscale logos to avoid visual clutter — colour on hover is optional.
Don't
Fabricate logos or stats — authenticity is critical for trust signals.
Do
Rotate testimonials to show variety, but always display at least one.
Don't
Overcrowd the bar with too many logos — 4 to 6 is ideal.
Do
Pair user count stats with a specific metric — "10,000+ teams" not just "10,000+".
Don't
Auto-scroll testimonials too fast — users need time to read.
Code
Design Tokens
Accessibility
- Logos use meaningful alt text — the company name, not "logo".
- Section has aria-label describing its purpose.
- Testimonial quotes use <blockquote> with <cite> for attribution.