稜鏡光感淺色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圖示底部導航欄"
      }
    ]
  }
}