social-proof trust logos companies stats credibility social-proof logos companies trust cloud partners clients logo cloud with stats trusted by companies section
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
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.