{
  "name": "logo-cloud-trusted-by",
  "kind": "block",
  "primary": "section",
  "page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<section>\n    <col-ui gap=\"4\" align=\"center\">\n      <text-ui size=\"sm\" color=\"subtle\">Trusted by teams at</text-ui>\n      <grid-ui columns=\"2 5@md\" gap=\"4\">\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Acme</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Globex</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Initech</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Umbrella</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Soylent</text-ui></section></card-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
  "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
  "metadata": {
    "domain": "marketing",
    "description": "Logo cloud — a centered 'trusted by' eyebrow over a responsive grid of muted partner / customer logos rendered as placeholder tiles. The social-proof logo strip that reassures landing-page visitors which companies already use the product.",
    "keywords": [
      "logo",
      "cloud",
      "trusted",
      "by",
      "customers",
      "partners",
      "brands",
      "companies",
      "social",
      "proof",
      "logos",
      "grid",
      "as",
      "seen",
      "on",
      "used",
      "by",
      "clients",
      "integrations",
      "marketing",
      "landing",
      "strip",
      "logo",
      "wall",
      "company",
      "logos",
      "placeholder",
      "tiles",
      "credibility",
      "trust",
      "band",
      "brands",
      "row"
    ]
  },
  "captured_at": "2026-06-10T19:45:40.486Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Trusted by teams at"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "strong": true,
      "textContent": "Acme"
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column-2"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "children": [
        "text-2"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "raw": true,
      "children": [
        "section"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "strong": true,
      "textContent": "Globex"
    },
    {
      "id": "section-2",
      "component": "Section",
      "children": [
        "column-3"
      ]
    },
    {
      "id": "column-3",
      "component": "Column",
      "children": [
        "text-3"
      ]
    },
    {
      "id": "card-2",
      "component": "Card",
      "raw": true,
      "children": [
        "section-2"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "color": "subtle",
      "strong": true,
      "textContent": "Initech"
    },
    {
      "id": "section-3",
      "component": "Section",
      "children": [
        "column-4"
      ]
    },
    {
      "id": "column-4",
      "component": "Column",
      "children": [
        "text-4"
      ]
    },
    {
      "id": "card-3",
      "component": "Card",
      "raw": true,
      "children": [
        "section-3"
      ]
    },
    {
      "id": "text-5",
      "component": "Text",
      "color": "subtle",
      "strong": true,
      "textContent": "Umbrella"
    },
    {
      "id": "section-4",
      "component": "Section",
      "children": [
        "column-5"
      ]
    },
    {
      "id": "column-5",
      "component": "Column",
      "children": [
        "text-5"
      ]
    },
    {
      "id": "card-4",
      "component": "Card",
      "raw": true,
      "children": [
        "section-4"
      ]
    },
    {
      "id": "text-6",
      "component": "Text",
      "color": "subtle",
      "strong": true,
      "textContent": "Soylent"
    },
    {
      "id": "section-5",
      "component": "Section",
      "children": [
        "column-6"
      ]
    },
    {
      "id": "column-6",
      "component": "Column",
      "children": [
        "text-6"
      ]
    },
    {
      "id": "card-5",
      "component": "Card",
      "raw": true,
      "children": [
        "section-5"
      ]
    },
    {
      "id": "grid",
      "component": "Grid",
      "columns": "2 5@md",
      "gap": "4",
      "children": [
        "card",
        "card-2",
        "card-3",
        "card-4",
        "card-5"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "align": "center",
      "gap": "4",
      "children": [
        "text",
        "grid"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "children": [
        "column"
      ]
    }
  ]
}