Cosmic Dark Mode UI Design System

{
  "type": "UI 设计系统",
  "theme": "深色模式，太空灵感，发光装饰",
  "header": {
    "label": "设计系统",
    "title": "{argument name=\"system name\" default=\"COSMIC GRAVITY\"}",
    "subtitle": "{argument name=\"theme description\" default=\"A Design Language Inspired by the Universe.\"}"
  },
  "layout": {
    "left_column": [
      {
        "title": "色彩",
        "count": 7,
        "items": [
          {"name": "宇宙黑", "hex": "#050507"},
          {"name": "深空", "hex": "#0E0F14"},
          {"name": "柔白", "hex": "#F5F6F8"},
          {"name": "{argument name=\"primary accent color\" default=\"Stardust Gold\"}", "hex": "#F5D28A"},
          {"name": "夜紫", "hex": "#1A1C2A"},
          {"name": "暮蓝", "hex": "#0F1B2A"},
          {"name": "星云青", "hex": "#0E1F22"}
        ]
      },
      {
        "title": "渐变",
        "count": 1,
        "description": "展示从暗到亮再到暗的宇宙光晕水平条"
      },
      {
        "title": "排版",
        "font": "{argument name=\"font name\" default=\"Space Grotesk\"}",
        "hierarchy_count": 4,
        "levels": ["H1 宇宙之光", "H2 探索更多", "正文 天体文本", "标注 轨道信息"]
      }
    ],
    "main_column": [
      {
        "title": "UI 组件",
        "subsections": [
          {"title": "按钮", "count": 3, "labels": ["探索 (主要)", "取消 (次要)", "更多 (幽灵)"]},
          {"title": "滑块", "count": 1, "value": "72%"},
          {"title": "开关", "count": 2, "states": ["关", "开"]},
          {"title": "标签", "count": 3, "labels": ["黑洞", "木星", "轨道"]}
        ]
      },
      {
        "title": "卡片",
        "count": 3,
        "items": [
          {"title": "{argument name=\"card subject\" default=\"JUPITER\"}", "subtitle": "轨道档案", "image": "木星行星"},
          {"title": "黑洞", "subtitle": "宇宙事件", "image": "带吸积盘的黑洞"},
          {"title": "距离", "value": "7.783 亿公里", "image": "同心轨道环"}
        ]
      },
      {
        "title": "数据展示",
        "count": 3,
        "items": [
          {"title": "能量", "type": "圆形进度环", "value": "87%"},
          {"title": "信号强度", "type": "带发光节点的折线图", "value": "42.6 dB"},
          {"title": "宇宙噪声", "type": "音频播放器 UI"}
        ]
      },
      {
        "title": "图标",
        "count": 7,
        "labels": ["主页", "行星", "闪光", "信号", "文件夹", "心形", "用户"]
      }
    ],
    "bottom_row": [
      {
        "title": "视觉元素",
        "count": 5,
        "labels": ["黑洞", "引力环", "光晕", "星云尘埃", "玻璃表面"]
      }
    ]
  }
}