logo-cloud tech roster infrastructure AI enterprise oracle OCI names trust tech roster AI customers infrastructure NVIDIA OpenAI AMD Meta trust names bold tech company customer name display infrastructure customer roster trust section Oracle OCI who runs on us
Logo Cloud Tech Roster
Fetch pattern JSON:
curl https://webspire.de/patterns/logo-cloud/tech-roster.json tech-roster.html
<div class="ws-logo-cloud bg-[var(--ws-logo-cloud-bg)] py-14">
<div class="mx-auto max-w-5xl px-6">
<!-- Headline -->
<p class="mb-8 text-center text-xs font-semibold uppercase tracking-[0.2em] text-[var(--ws-logo-cloud-text-muted)]">
Trusted by the world's most demanding technology companies
</p>
<!-- Tech roster — text-based, high-contrast, confident -->
<div class="flex flex-wrap items-center justify-center gap-x-8 gap-y-5 sm:gap-x-12">
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">AMD</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">Anthropic</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">ByteDance</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">Meta</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">NVIDIA</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">OpenAI</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">Uber</span>
<span class="h-4 w-px bg-[var(--ws-logo-cloud-border)] hidden sm:block"></span>
<span class="text-base font-black tracking-tight text-[var(--ws-logo-cloud-text)] opacity-70 transition hover:opacity-100">xAI</span>
</div>
<!-- Optional: Scale stat below -->
<p class="mt-10 text-center text-sm text-[var(--ws-logo-cloud-text-muted)]">
Running <strong class="text-[var(--ws-logo-cloud-text)]">500,000+ NVIDIA GPUs</strong> across
<strong class="text-[var(--ws-logo-cloud-text)]">200 data centers</strong> worldwide.
</p>
</div>
</div>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
logo-cloudtechrosterinfrastructureAIenterpriseoracleOCInamestrust
Slots
| Name | Required | Description |
|---|---|---|
| headline | Yes | Short trust statement above the name list. |
| names | Yes | Company names as bold spans — replace with your actual customers. |
| stat | No | Optional scale metric line (e.g. "500K GPUs across 200 data centers"). |
Text-based tech customer roster. Displays company names in bold typography rather than logo images — effective when the names themselves carry authority (AMD, NVIDIA, OpenAI, Meta).
Inspired by Oracle OCI’s homepage “Tech Customers” section. Use immediately below the hero to establish infrastructure credibility before the feature sections.