Logo Cloud

logo wall x trust

A social-proof strip — a short trust line above a centered wall of customer or partner logos.

logossocial-prooftrust

Used by teams shipping every week

Code

relume-logos.tsx

const logos = ["Acme", "Globex", "Umbra", "Initech", "Soylent", "Hooli"];

export function LogoCloud() {
  return (
    <section className="mx-auto max-w-6xl px-6 py-12 md:py-16">
      <h2 className="mx-auto mb-8 max-w-lg text-center text-lg font-bold">
        Used by teams shipping every week
      </h2>
      <div className="flex flex-wrap items-center justify-center gap-x-10 gap-y-6">
        {logos.map((name) => (
          <span key={name} className="text-xl font-semibold text-muted-foreground opacity-70">{name}</span>
        ))}
      </div>
    </section>
  );
}

Adapted from the Relume Library — swap the placeholder copy and it themes itself from your project tokens.

Use it in another build

Drop this section into a page, keep your project tokens, and it themes itself. Or tell Claude Code: “add the Logo Cloud section and fill it with my copy.”