棱镜光感浅色UI设计系统展示板

{
  "type": "UI设计规范展示看板",
  "theme": "[光学与光折射]",
  "overall_aesthetic": "纯白干净背景，浅色模式，未来感，高级质感，带有 [彩虹渐变色、柔和橙色、黄色、青色、紫色、粉色] 点缀",
  "header": {
    "title": "[LIGHTCORE PRISM]",
    "subtitle": "UI Design System - Light Mode",
    "tags": [
      "FUTURISTIC",
      "PREMIUM",
      "FOCUS"
    ],
    "hero_graphic": "折射彩虹光芒的3D透明玻璃圆环"
  },
  "layout": {
    "sections": [
      {
        "title": "COLOR",
        "count": 5,
        "labels": [
          "WHITE #FFFFFF",
          "SNOW #FAFAFC",
          "SLATE #F2F4F8",
          "BORDER #E6E8EF",
          "BLACK #0A0A0C"
        ],
        "description": "5个圆角方形单色色块"
      },
      {
        "title": "PRISM GRADIENTS",
        "count": 1,
        "description": "1条长水平渐变色条，下方标注5个十六进制颜色代码"
      },
      {
        "title": "TYPOGRAPHY",
        "description": "大号'Aa'展示，包含4种字重（Light、Regular、Medium、Semibold）及完整字母和数字"
      },
      {
        "title": "ICONOGRAPHY",
        "count": 12,
        "description": "2x6网格排列的12个极简线条图标"
      },
      {
        "title": "BUTTONS",
        "count": 8,
        "categories": [
          "PRIMARY",
          "SECONDARY",
          "TEXT",
          "ICON"
        ],
        "description": "展示常规态与禁用态的共8个按钮。主按钮带有彩虹渐变边框和 '[GET STARTED]' 文字"
      },
      {
        "title": "NAVIGATION",
        "count": 2,
        "variants": [
          "DESKTOP",
          "MOBILE"
        ],
        "description": "桌面端导航包含Logo、4个文本链接、搜索栏、登录和CTA按钮；移动端导航包含Logo、搜索和汉堡菜单"
      },
      {
        "title": "COMPONENTS",
        "count": 6,
        "items": [
          "CARD: 带有抽象彩虹渐变图形和按钮的'Photon Engine'卡片",
          "INPUT FIELD: 搜索栏和带标签的邮箱输入框",
          "PROGRESS: 显示68%的彩虹渐变进度条",
          "TABS: Overview、Analytics、Settings选项卡",
          "TOGGLE: 2个开关（开启与关闭）",
          "DATA VISUALIZATION: 1个带3项图例的环形图，1个7日折线图"
        ]
      },
      {
        "title": "WEB PAGE",
        "description": "桌面浏览器模型，展示标题 '[Build the Future with Light & Color]'、2个按钮、流动的3D彩虹波浪图以及底部5个合作伙伴标志"
      },
      {
        "title": "MOBILE APP",
        "description": "智能手机模型，展示24,880美元余额、折线图、4个快捷操作图标、3项最近动态列表以及4图标底部导航栏"
      }
    ]
  }
}