{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "logo-cloud",
  "name": "Logo cloud",
  "category": "Sections",
  "description": "A quiet row of customer or partner wordmarks, with an optional caption.",
  "tags": [
    "logos",
    "logo cloud",
    "customers",
    "trusted by",
    "partners",
    "social proof",
    "brands"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": "proof",
    "intents": [
      "client logos",
      "trusted by",
      "partners",
      "customer wordmarks",
      "press mentions"
    ],
    "prominence": "low",
    "density": "low",
    "worksAfter": [
      "hero"
    ],
    "worksBefore": [
      "bento",
      "feature-grid",
      "process"
    ],
    "alternatives": [
      "testimonial",
      "figures"
    ],
    "avoid": "Never invent client or press logos. Leave it out until real, permitted names exist."
  },
  "url": "https://mian.ro/components/logo-cloud",
  "markdownUrl": "https://mian.ro/ai/components/logo-cloud.md",
  "classes": [
    {
      "name": "mn-logos-caption",
      "description": "A caption above the row."
    },
    {
      "name": "mn-logos",
      "description": "The list (a <ul>). Spread across the width; mn-logos-center centres it."
    },
    {
      "name": "mn-logo",
      "description": "One wordmark or SVG logo; muted so it never competes with the content."
    }
  ],
  "accessibility": [
    "Logos are content: SVG logos need role=\"img\" and aria-label with the company name; text wordmarks need nothing.",
    "Only show companies that actually use the product."
  ],
  "examples": [
    {
      "title": "Logos",
      "description": null,
      "html": "<section class=\"mn-section mn-section-sm\">\n  <div class=\"mn-container\">\n    <p class=\"mn-logos-caption\">Month-end runs on Ledger at</p>\n    <ul class=\"mn-logos\">\n  <li><span class=\"mn-logo\" style=\"font-style:italic;font-family:var(--mn-font-heading)\">Northwind</span></li>\n  <li><span class=\"mn-logo\" style=\"letter-spacing:.14em;font-weight:700;font-size:.95rem\">KESTREL</span></li>\n  <li><span class=\"mn-logo\" style=\"font-weight:800;letter-spacing:-.04em\">orbital</span></li>\n  <li><span class=\"mn-logo\" style=\"font-family:ui-serif,Georgia,serif;font-weight:500\">Halden & Co</span></li>\n  <li><span class=\"mn-logo\" style=\"font-family:var(--mn-font-mono);font-weight:600;font-size:1rem\">Pilot/9</span></li>\n  <li><span class=\"mn-logo\" style=\"font-weight:500;letter-spacing:.02em\">Marrow</span></li>\n    </ul>\n  </div>\n</section>"
    }
  ],
  "css": ".mn-logos-caption { margin: 0 0 1.5rem; font-size: .875rem; color: var(--mn-muted); }\n.mn-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem 2.5rem; margin: 0; padding: 0; list-style: none; color: var(--mn-muted); }\n.mn-logos-center { justify-content: center; }\n.mn-logos > li { display: flex; }\n.mn-logo { display: inline-flex; align-items: center; gap: .45rem; color: inherit; font: 650 1.125rem/1 var(--mn-font); letter-spacing: -.015em; white-space: nowrap; }\n.mn-logo svg { width: 1.3em; height: 1.3em; }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/logo-cloud.json"
  }
}