炫彩蝴蝶UI系統板

{
  "type": "UI/UX 設計系統展示板",
  "theme": "深色模式，自然靈感，發光的虹彩美學",
  "language": "中文",
  "canvas": {
    "aspect_ratio": "方形海報",
    "background": "深午夜海軍藍至黑色，帶有微妙的光澤",
    "style": "具有細薄霓虹藍色面板輪廓、光澤亮點、柔和暈染和高對比度的優質未來主義展示板"
  },
  "header": {
    "title": "自然靈感 UI\n{argument name=\"system title\" default=\"蝴蝶虹彩\"}\nUI/UX 設計系統",
    "description": "{argument name=\"chinese description\" default=\"靈感來自蝴蝶的翅膀，將結構色虹彩與深藍色融入介面設計，創造出輕盈、動態和充滿活力的數位體驗。\"}",
    "hero_image": "一張超大尺寸、超細節的發光蝴蝶翅膀，呈現電藍色、紫色和虹彩青色，充滿了右上半部分，可見清晰的翅脈結構、半透明的邊緣、火花般的粒子，以及一隻模糊的翅膀在後面"
  },
  "layout": {
    "sections": [
      {
        "title": "1. 設計靈感",
        "position": "標題下方左上角",
        "count": 4,
        "labels": [
          "虹彩蝴蝶翅膀微距",
          "藍紫色翅膀紋理特寫",
          "光線折射稜鏡光芒",
          "蝴蝶翅膀細胞圖案"
        ]
      },
      {
        "title": "2. 關鍵字",
        "position": "英雄圖像下方右上角",
        "count": 5,
        "labels": [
          "虹彩",
          "動態",
          "輕量",
          "深刻",
          "自然"
        ],
        "icon_style": "簡單發光的線條圖示，位於圓形深色卡片內"
      },
      {
        "title": "3. 色彩系統",
        "position": "中間左側",
        "subsections": [
          {
            "title": "主色",
            "count": 3,
            "labels": [
              "大閃蝶藍 #1E5BFF",
              "虹彩紫色 #7A5CFF",
              "天空之光 #00E6FF"
            ]
          },
          {
            "title": "中性色",
            "count": 3,
            "labels": [
              "午夜黑 #060F19",
              "柔和海軍藍 #141A2E",
              "珍珠白 #F3F6FC"
            ]
          },
          {
            "title": "輔助色與漸變",
            "count": 2,
            "labels": [
              "彩虹虹彩",
              "蝴蝶照明"
            ]
          }
        ],
        "visual": "帶有中文標籤的圓形色板和漸變球體"
      },
      {
        "title": "4. 字體",
        "position": "中間右側",
        "count": 1,
        "labels": [
          "Aa Poppins Light / Regular / Medium / SemiBold"
        ],
        "visual": "深色卡片上的大寫白色 Aa"
      },
      {
        "title": "5. App 圖示",
        "position": "左側中心",
        "count": 1,
        "text": "{argument name=\"app name\" default=\"Winglet\"} 輕巧。敏捷。優雅。",
        "visual": "發光的蝴蝶應用程式圖示旁邊的應用程式名稱"
      },
      {
        "title": "6. UI 元件",
        "position": "中心",
        "subsections": [
          {
            "title": "按鈕",
            "count": 3,
            "labels": [
              "主要按鈕",
              "次要按鈕",
              "玻璃紋理"
            ]
          },
          {
            "title": "圖示",
            "count": 2,
            "labels": [
              "心形收藏",
              "發光環"
            ]
          },
          {
            "title": "開關",
            "count": 1,
            "labels": [
              "開關"
            ]
          }
        ],
        "visual": "圓角藍色按鈕、霓虹圖示按鈕和深色面板上的發光切換開關"
      },
      {
        "title": "其他元素",
        "position": "右側中心",
        "count": 4,
        "labels": [
          "搜尋框",
          "標籤新增",
          "進度條 (72%)",
          "卡片藍摩佛"
        ],
        "visual": "緊湊的水平卡片中的小型實用UI小工具"
      },
      {
        "title": "7. 行動UI",
        "position": "左下角",
        "count": 3,
        "labels": [
          "搜尋頁面",
          "帶有大型蝴蝶插圖的今天頁面",
          "帶有波形的音訊播放頁面"
        ],
        "visual": "三個帶有圓角、深色介面和藍紫色蝴蝶視覺效果的智慧型手機模型"
      },
      {
        "title": "8. 網頁設計預覽",
        "position": "右下角",
        "count": 1,
        "labels": [
          "生命之光"
        ],
        "visual": "帶有蝴蝶英雄圖像、頂部導航、明亮的藍色行動呼籲按鈕和中文正文的桌面登陸頁面模型"
      },
      {
        "title": "9. 視覺背景",
        "position": "底部全寬",
        "count": 4,
        "labels": [
          "流動光帶背景 1",
          "旋渦虹彩漩渦",
          "流動光帶背景 2",
          "放射狀水晶爆裂"
        ],
        "visual": "四個長方形背景樣本，顏色為紫色、藍色和青色"
      }
    ],
    "footer": {
      "count": 1,
      "text": "源於自然的設計，為體驗而生。",
      "center_icon": "小蝴蝶圖示"
    }
  },
  "art_direction": {
    "materials": "玻璃質感、霓虹邊緣照明、平滑漸變、微妙反射",
    "colors": "電藍色、靛藍色、紫色、青色、白色",
    "composition": "乾淨的網格，包含 9 個編號內容區段，寬鬆的間距、細薄的圓角邊框和一個主要的蝴蝶英雄圖像",
    "render_quality": "高度拋光、清晰的字體、優質 Behance 風格的設計系統板"
  }
}