{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "figures",
  "name": "Figures",
  "category": "Sections",
  "description": "Large numbers with a line of context each, results, scale or specs, set in display type.",
  "tags": [
    "figures",
    "numbers",
    "metrics",
    "stats",
    "results",
    "kpi",
    "facts",
    "specs",
    "impact"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": "proof",
    "intents": [
      "key numbers",
      "statistics band",
      "results",
      "metrics",
      "impact numbers",
      "specs in numbers"
    ],
    "prominence": "medium",
    "density": "low",
    "worksAfter": [
      "hero"
    ],
    "worksBefore": [
      "bento",
      "testimonial"
    ],
    "alternatives": [
      "stat",
      "testimonial"
    ],
    "avoid": "Numbers without context or real source. Do not add metrics that are not in the brief."
  },
  "url": "https://mian.ro/components/figures",
  "markdownUrl": "https://mian.ro/ai/components/figures.md",
  "classes": [
    {
      "name": "mn-figures",
      "description": "A <dl>: two columns, then --cols (default 4) on wide sections."
    },
    {
      "name": "mn-figures > div",
      "description": "One figure: <dt> (what it is) and <dd> (the number). The number shows first."
    }
  ],
  "accessibility": [
    "A description list keeps each number with its meaning; the visual order is swapped with CSS only.",
    "Write units in the number (“3.5 days”) and give a source for claims."
  ],
  "examples": [
    {
      "title": "Figures",
      "description": null,
      "html": "<section class=\"mn-section mn-section-sm\"><div class=\"mn-container\"><dl class=\"mn-figures\">\n  <div><dt>Median days to close, after three months</dt><dd>3.5</dd></div>\n  <div><dt>Transactions matched without a person</dt><dd>84%</dd></div>\n  <div><dt>Entities on the largest account</dt><dd>41</dd></div>\n  <div><dt>Currencies revalued nightly</dt><dd>32</dd></div>\n</dl></div></section>"
    }
  ],
  "css": ".mn-figures { display: grid; gap: 2rem 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); margin: 0; }\n@container mn (min-width: 56rem) { .mn-figures { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); } }\n.mn-figures > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: .55rem; padding-top: 1.25rem; border-top: var(--mn-border-w) solid var(--mn-border); min-width: 0; }\n.mn-figures dt { color: var(--mn-muted); font-size: .9375rem; line-height: 1.45; }\n.mn-figures dd { margin: 0; font: var(--mn-heading-weight) clamp(2.2rem, 1.5rem + 2.6cqi, 3.6rem)/1 var(--mn-font-heading); letter-spacing: -.04em; font-variant-numeric: tabular-nums; color: var(--mn-fg); }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/figures.json"
  }
}