Brand
convert.com

Trust bar

Social proof at a glance, a scrolling marquee of customer logos above a row of compliance badges.

Example

Trust proof comes in three distinct flavors. Customer logos animate in a Marquee, while compliance badges and G2 awards sit in static centered rows. Each uses real served assets.

Customer logos

Recognizable brands loop in a Marquee. Duplicate the items so the loop reads as seamless, and keep the logos uniform so none competes for attention.

Trusted by teams worldwide

Sony TOMS Manscaped Speero CRO Metrics IDEO Virgin Mobile OuterBox Sony TOMS Manscaped Speero CRO Metrics IDEO Virgin Mobile OuterBox

Compliance & certification badges

Privacy, security, and sustainability marks sit in a static centered row. These do not animate, so the certifications stay legible.

CCPA compliance badge GDPR compliance badge HIPAA compliance badge SOC 2 compliance badge ISO 27001 compliance badge The Climate Label certified badge

G2 awards

Third-party recognition from G2 reviewers. Show the award badges in a static centered row, sized a touch larger so the seasonal ribbons read clearly.

G2 Best ROI, Small Business G2 Easiest Setup, Mid-Market G2 High Performer, Small Business G2 Easiest Setup, Small Business G2 High Performer, Mid-Market

Composition

A trust bar combines a few building blocks across its three categories:

  • Marquee animates the row of customer logo image assets.
  • Badge image assets cover the compliance, certification, and G2 award marks.
  • Real image assets supply the logos and badges, served from the customer logo and footer badge directories.

Usage

The trust bar earns credibility fast. Recognizable logos in motion, then the certifications and awards that back them up.

  • Animate customer logos in a Marquee, and duplicate the items so the loop reads as seamless.
  • Keep compliance and G2 badges in static centered rows. Not everything needs to animate.
  • Use real monochrome or uniform logos so none competes for attention.
  • Center every category, label, and row so the strip reads as one calm block.
  • Place the trust bar near the top, right after the hero, so credibility lands early.

Code

Link marquee.css and badges.css, then build three centered categories: animated customer logos, a static row of compliance badges, and a static row of G2 awards.

<link rel="stylesheet" href="/_shared/components/marquee.css">
<link rel="stylesheet" href="/_shared/components/badges.css">

<!-- 1 · Customer logos (animated) -->
<div class="marquee">
  <div class="marquee__row">
    <img class="marquee__item" src="/_shared/third party logos/sony_logo.svg" alt="Sony">
    <img class="marquee__item" src="/_shared/third party logos/toms_logo.png" alt="TOMS">
    <!-- …duplicate the items for a seamless loop -->
  </div>
</div>

<!-- 2 · Compliance & certification badges (static, centered) -->
<div style="display:flex;gap:24px;justify-content:center;flex-wrap:wrap">
  <img src="/_shared/assets/footer/CCPA_Badge_Default.svg" alt="CCPA" style="height:48px">
  <img src="/_shared/assets/footer/GDPR_Badge_Default.svg" alt="GDPR" style="height:48px">
</div>

<!-- 3 · G2 awards (static, centered) -->
<div style="display:flex;gap:24px;justify-content:center;flex-wrap:wrap">
  <img src="/_shared/assets/footer/g2-best-roi-smb.svg" alt="G2 Best ROI" style="height:56px">
</div>