Social Proof With Logos

Fetch pattern JSON: curl https://webspire.de/patterns/social-proof/with-logos.json

with-logos.html

<section class="ws-social-proof bg-[var(--ws-social-proof-bg)] py-12">
  <div class="mx-auto max-w-5xl px-6">
    <p class="text-center text-sm font-medium text-[var(--ws-social-proof-text-muted)]">Trusted by industry leaders</p>
    <div class="mt-6 flex flex-wrap items-center justify-center gap-x-10 gap-y-4">
      <span class="text-lg font-semibold text-[var(--ws-social-proof-text-muted)]">Acme Corp</span>
      <span class="text-lg font-semibold text-[var(--ws-social-proof-text-muted)]">Globex</span>
      <span class="text-lg font-semibold text-[var(--ws-social-proof-text-muted)]">Initech</span>
      <span class="text-lg font-semibold text-[var(--ws-social-proof-text-muted)]">Umbrella</span>
      <span class="text-lg font-semibold text-[var(--ws-social-proof-text-muted)]">Hooli</span>
      <span class="text-lg font-semibold text-[var(--ws-social-proof-text-muted)]">Pied Piper</span>
    </div>
    <div class="mt-10 grid grid-cols-2 gap-8 sm:grid-cols-4">
      <div class="text-center">
        <p class="text-3xl font-bold text-[var(--ws-social-proof-text)]">10,000+</p>
        <p class="mt-1 text-sm text-[var(--ws-social-proof-text-muted)]">Users</p>
      </div>
      <div class="text-center">
        <p class="text-3xl font-bold text-[var(--ws-social-proof-text)]">4.9/5</p>
        <p class="mt-1 text-sm text-[var(--ws-social-proof-text-muted)]">Rating</p>
      </div>
      <div class="text-center">
        <p class="text-3xl font-bold text-[var(--ws-social-proof-text)]">99.9%</p>
        <p class="mt-1 text-sm text-[var(--ws-social-proof-text-muted)]">Uptime</p>
      </div>
      <div class="text-center">
        <p class="text-3xl font-bold text-[var(--ws-social-proof-text)]">150+</p>
        <p class="mt-1 text-sm text-[var(--ws-social-proof-text-muted)]">Countries</p>
      </div>
    </div>
  </div>
</section>

Details

Family

social-proof

Tier

enhanced

Kind

component

Extends

social-proof/base

Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste

Stable Published

social-prooftrustlogoscompaniesstatscredibility

Slots

Name	Required	Description
heading	No	Section heading text.
logos	Yes	Row of company logos or names.
stats	Yes	Grid of metric items.

Logo cloud row with six company name placeholders above a four-column metrics grid. Extends the base social proof pattern with visual brand credibility.