{
  "version": 1,
  "title": "MUDS.TOP 设计系统",
  "route": "/design-system",
  "jsonRoute": "/design-system.json",
  "summary": "MUDS.TOP 的公共视觉语言：终端/工作台表面、深色本地优先氛围、明确路由边界和可检查公共产物。",
  "principles": [
    "本地优先、终端原生，而不是泛化作品集模板。",
    "深色 workbench 氛围，用 amber、cyan、green 表达操作状态。",
    "重复使用 panel、route box、mini terminal、evidence list 和机器可读 artifact map。",
    "排版要有意图：展示标题使用 Space Grotesk，操作文本使用 IBM Plex Mono。",
    "不要把 dashboard.muds.top 私有看板内容当作装饰证明。公共表面只描述边界、架构和脱敏项目上下文。"
  ],
  "tokens": [
    {
      "name": "--bg",
      "value": "#08090b",
      "role": "主页面背景"
    },
    {
      "name": "--bg-2",
      "value": "#0d1013",
      "role": "次级背景层次"
    },
    {
      "name": "--panel",
      "value": "rgba(17, 20, 25, 0.84)",
      "role": "玻璃感工作台面板"
    },
    {
      "name": "--text",
      "value": "#f4f0e8",
      "role": "主文本"
    },
    {
      "name": "--muted",
      "value": "#97a0a8",
      "role": "次级文字和元数据"
    },
    {
      "name": "--amber",
      "value": "#dca64c",
      "role": "温暖的路由/动作信号"
    },
    {
      "name": "--cyan",
      "value": "#78c7d5",
      "role": "公共路由和系统强调色"
    },
    {
      "name": "--green",
      "value": "#8ed16f",
      "role": "健康状态和 prompt 信号"
    },
    {
      "name": "--red",
      "value": "#e86d63",
      "role": "警告和私有边界对比"
    }
  ],
  "typography": [
    {
      "role": "Display",
      "family": "Space Grotesk",
      "usage": "Hero 标题、section 标题、项目标题"
    },
    {
      "role": "Operational mono",
      "family": "IBM Plex Mono",
      "usage": "导航、路由标签、终端片段、系统正文"
    }
  ],
  "components": [
    {
      "name": "站点导航",
      "className": "site-header",
      "purpose": "统一的 sticky 导航、品牌标识和当前页面状态。"
    },
    {
      "name": "详情面板",
      "className": "detail-panel",
      "purpose": "用于证据、文档、profile kit、workflow 和设计页的信息块。"
    },
    {
      "name": "迷你终端",
      "className": "mini-window",
      "purpose": "终端感的证明和路由状态读数。"
    },
    {
      "name": "路由状态灯",
      "className": "route-light",
      "purpose": "标识当前公共表面的状态胶囊。"
    },
    {
      "name": "笔记行",
      "className": "note-row note-row-link",
      "purpose": "紧凑展示 artifact、route 或机器可读链接。"
    },
    {
      "name": "证据列表",
      "className": "evidence-list",
      "purpose": "展示公共证据点和显式排除项。"
    }
  ],
  "motion": [
    "在用户未开启 reduced motion 时，为 hero、card、panel 和 table 使用轻微 rise-in 动效。",
    "卡片和路由行只做小幅 hover translation。",
    "不使用干扰阅读或遮挡评审内容的滚动劫持动画。"
  ],
  "publicBoundary": "视觉系统可以表达本地优先工作、路由边界和脱敏项目上下文，但不能包含私有看板 payload、工作簿数据、凭证、浏览器 session、任务看板状态、GPT Pro 私有提示词、持仓或运营日志。"
}