Skip to main content
Exit fullscreen Esc

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.

Logo Cloud — Simple Grid

Trusted by teams at

Acme Corp LaunchPad Nexus Labs Streamline Vertex Orbit 
<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/1c608019/120x40?bg=e0e7ff&fg=4338ca&label=Acme+Corp" alt="Acme Corp" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=fce7f3&fg=be185d&label=LaunchPad" alt="LaunchPad" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=ccfbf1&fg=0f766e&label=Nexus+Labs" alt="Nexus Labs" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=fef3c7&fg=a16207&label=Streamline" alt="Streamline" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=ede9fe&fg=6d28d9&label=Vertex" alt="Vertex" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=e0f2fe&fg=0369a1&label=Orbit" alt="Orbit" 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.

Logo Cloud — With CTA
Acme Corp LaunchPad Nexus Labs Streamline Vertex Orbit
Join 2,000+ companies already using our platform. 
<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/1c608019/120x40?bg=e0e7ff&fg=4338ca&label=Acme+Corp" alt="Acme Corp" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=fce7f3&fg=be185d&label=LaunchPad" alt="LaunchPad" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=ccfbf1&fg=0f766e&label=Nexus+Labs" alt="Nexus Labs" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=fef3c7&fg=a16207&label=Streamline" alt="Streamline" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=ede9fe&fg=6d28d9&label=Vertex" alt="Vertex" style="height: 2.5rem;" />
                <img src="/placeholder/1c608019/120x40?bg=e0f2fe&fg=0369a1&label=Orbit" alt="Orbit" style="height: 2.5rem;" />
            </x-wirekit::row>
            <x-wirekit::row gap="xs" align="center" justify="center" wrap>
                <x-wirekit::text intent="muted" as="span">Join 2,000+ companies already using our platform.</x-wirekit::text>
                <x-wirekit::button intent="neutral" surface="ghost" size="sm">Get started free</x-wirekit::button>
            </x-wirekit::row>
        </x-wirekit::stack>
    </x-wirekit::container>
</x-wirekit::section>