---
title: Logo Cloud Partial
description: A row of partner/customer logos for social proof. Simple and effective.
visibility: guest
draft: false
---

# Logo Cloud

A row of partner / customer logos for social proof. Simple and effective.

**Composed from:** `button`, `container`, `row`, `section`, `stack`, `text`.

## Simple Grid

A muted-label header above a single wrapped row of logos. Best when the logos themselves are the social proof — no extra copy.

:::preview{title="Logo Cloud — Simple Grid" wide}
<x-wirekit::section padding="xl">
    <x-wirekit::container max="xl">
        <x-wirekit::stack gap="lg" align="center" style="text-align: center;">
            <x-wirekit::text size="sm" weight="semibold" intent="muted" style="text-transform: uppercase; letter-spacing: 0.08em;">Trusted by teams at</x-wirekit::text>
            <x-wirekit::row gap="xl" justify="center" align="center" wrap>
                <img src="/placeholder/120x40?bg=e0e7ff&fg=4338ca&label=Acme+Corp" alt="Acme Corp" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=fce7f3&fg=be185d&label=LaunchPad" alt="LaunchPad" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=ccfbf1&fg=0f766e&label=Nexus+Labs" alt="Nexus Labs" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=fef3c7&fg=a16207&label=Streamline" alt="Streamline" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=ede9fe&fg=6d28d9&label=Vertex" alt="Vertex" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=e0f2fe&fg=0369a1&label=Orbit" alt="Orbit" width="120" height="40" style="height: 2.5rem;" />
            </x-wirekit::row>
        </x-wirekit::stack>
    </x-wirekit::container>
</x-wirekit::section>
:::

## With CTA

Logo row followed by a conversion prompt — sits on the muted surface so the cluster reads as a single "social-proof block" between content sections.

:::preview{title="Logo Cloud — With CTA" wide}
<x-wirekit::section padding="xl" background="muted">
    <x-wirekit::container max="xl">
        <x-wirekit::stack gap="lg" align="center" style="text-align: center;">
            <x-wirekit::row gap="xl" justify="center" align="center" wrap>
                <img src="/placeholder/120x40?bg=e0e7ff&fg=4338ca&label=Acme+Corp" alt="Acme Corp" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=fce7f3&fg=be185d&label=LaunchPad" alt="LaunchPad" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=ccfbf1&fg=0f766e&label=Nexus+Labs" alt="Nexus Labs" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=fef3c7&fg=a16207&label=Streamline" alt="Streamline" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=ede9fe&fg=6d28d9&label=Vertex" alt="Vertex" width="120" height="40" style="height: 2.5rem;" />
                <img src="/placeholder/120x40?bg=e0f2fe&fg=0369a1&label=Orbit" alt="Orbit" width="120" height="40" style="height: 2.5rem;" />
            </x-wirekit::row>
            <x-wirekit::row gap="xs" align="center" justify="center" wrap>
                <x-wirekit::text intent="muted" as="span">See how these teams use the platform.</x-wirekit::text>
                <x-wirekit::button intent="neutral" surface="ghost" size="sm">Read their stories</x-wirekit::button>
            </x-wirekit::row>
        </x-wirekit::stack>
    </x-wirekit::container>
</x-wirekit::section>
:::

## Related

- [Testimonials](/blueprints/partials/testimonials) — customer quotes