{
  "version": "3.2.0",
  "title": "MUDSX 设计系统",
  "route": "/design-system",
  "jsonRoute": "/design-system.json",
  "summary": "框架独立的 tokens、组件与交互契约。与 Hub、登录页共用中性两主题核心，保留公开站布局和内容。",
  "principles": [
    "以内容和产品为主，避免装饰挤占首屏。",
    "显示字号随页面职责变化，桌面60px、移动36px作为主要标题基线。",
    "所有自有组件使用 mx- 命名空间，tokens 使用 --mudsx- 前缀。",
    "桌面与移动共享内容和语义，按输入方式调整导航。",
    "public assets 与 hub.mudsx.com 私人数据严格分开。"
  ],
  "tokens": [
    {
      "name": "--mudsx-canvas",
      "value": "var(--canvas)",
      "role": "canvas"
    },
    {
      "name": "--mudsx-canvas-soft",
      "value": "var(--surface-solid)",
      "role": "canvas-soft"
    },
    {
      "name": "--mudsx-card",
      "value": "var(--surface-solid)",
      "role": "card"
    },
    {
      "name": "--mudsx-ink",
      "value": "var(--text)",
      "role": "ink"
    },
    {
      "name": "--mudsx-body",
      "value": "var(--text)",
      "role": "body"
    },
    {
      "name": "--mudsx-muted",
      "value": "var(--muted)",
      "role": "muted"
    },
    {
      "name": "--mudsx-subtle",
      "value": "var(--muted)",
      "role": "subtle"
    },
    {
      "name": "--mudsx-hairline",
      "value": "var(--line)",
      "role": "hairline"
    },
    {
      "name": "--mudsx-border",
      "value": "var(--line)",
      "role": "border"
    },
    {
      "name": "--mudsx-border-hover",
      "value": "var(--muted)",
      "role": "border-hover"
    },
    {
      "name": "--mudsx-accent",
      "value": "var(--text)",
      "role": "accent"
    },
    {
      "name": "--mudsx-accent-soft",
      "value": "var(--muted)",
      "role": "accent-soft"
    },
    {
      "name": "--mudsx-dusk",
      "value": "var(--surface)",
      "role": "dusk"
    },
    {
      "name": "--mudsx-twilight",
      "value": "var(--muted)",
      "role": "twilight"
    },
    {
      "name": "--mudsx-breeze",
      "value": "var(--muted)",
      "role": "breeze"
    },
    {
      "name": "--mudsx-midnight",
      "value": "var(--canvas)",
      "role": "midnight"
    },
    {
      "name": "--mudsx-nav-ink",
      "value": "var(--text)",
      "role": "nav-ink"
    }
  ],
  "typography": [
    {
      "role": "Display",
      "family": "xVf / PingFang SC / system sans, 500",
      "usage": "60px desktop / 36px mobile, line-height 1, tracking -.035em"
    },
    {
      "role": "Body",
      "family": "xVf / system sans, 400",
      "usage": "16px / 26px; lead 18px / 28px"
    },
    {
      "role": "Caption",
      "family": "Geist Mono / system monospace, 400",
      "usage": "12px / 20px, tracking .1em"
    }
  ],
  "components": [
    {
      "name": "Button",
      "className": "mx-button",
      "purpose": "Primary, outline, quiet and disabled states; 44px target."
    },
    {
      "name": "ProductCard",
      "className": "mx-product-card",
      "purpose": "Public media with concise title and purpose; whole-card navigation."
    },
    {
      "name": "Navigation",
      "className": "mx-header",
      "purpose": "Desktop hover/focus previews; mobile full-screen navigation with focus and scroll management."
    },
    {
      "name": "Tabs",
      "className": "mx-tabs",
      "purpose": "ARIA tabs with arrows, Home/End and explicit panels."
    },
    {
      "name": "Code",
      "className": "mx-code",
      "purpose": "Selectable code with clipboard success/failure feedback."
    },
    {
      "name": "Dialog",
      "className": "mx-dialog",
      "purpose": "Native modal dialog with Escape, outside click and focus restoration."
    },
    {
      "name": "Accordion",
      "className": "mx-accordion",
      "purpose": "Native details disclosure without a JavaScript requirement."
    },
    {
      "name": "Input",
      "className": "mx-input",
      "purpose": "Labelled inputs with focus, disabled and invalid semantics."
    }
  ],
  "motion": [
    "150ms feedback, 220ms selection, shared spring navigation.",
    "prefers-reduced-motion removes transitions; content never waits for animation."
  ],
  "distribution": {
    "tokens": "/tokens.css",
    "tokenData": "/design-tokens.json",
    "styles": "/design-system.css",
    "runtime": "/design-system.js",
    "fonts": "/fonts.css",
    "package": "/downloads/mudsx-design-system-3.2.0.tgz"
  },
  "publicBoundary": "仅包含公共设计代码与合法字体；没有私有数据、认证、账号状态或遥测。"
}