蝴蝶虹彩設計系統展示板

{
  "type": "UI/UX design system showcase board",
  "theme": "dark mode, nature-inspired, luminous iridescent aesthetic",
  "language": "Chinese",
  "canvas": {
    "aspect_ratio": "square poster",
    "background": "deep midnight navy to black with subtle glow",
    "style": "premium futuristic presentation board with thin neon-blue panel outlines, glossy highlights, soft bloom, and high contrast"
  },
  "header": {
    "title": "自然靈感 UI\n[蝴蝶虹彩]\nUI/UX 設計系統",
    "description": "[從蝴蝶翅膀中汲取靈感，將結構色的虹彩光澤與深邃藍融入介面設計，創造輕盈、靈動、充滿生命力的數字體驗。]",
    "hero_image": "an oversized, ultra-detailed glowing butterfly wing in electric blue, violet, and iridescent cyan filling the upper-right half, with visible vein structure, translucent edges, spark-like particles, and a second blurred wing behind it"
  },
  "layout": {
    "sections": [
      {
        "title": "1. 設計靈感",
        "position": "upper left below header",
        "count": 4,
        "labels": [
          "iridescent butterfly wing macro",
          "blue-purple wing texture close-up",
          "light refraction prism flare",
          "butterfly wing cell pattern"
        ]
      },
      {
        "title": "2. 關鍵詞",
        "position": "upper right below hero",
        "count": 5,
        "labels": [
          "虹彩",
          "靈動",
          "輕盈",
          "深邃",
          "自然"
        ],
        "icon_style": "simple glowing line icons inside rounded dark cards"
      },
      {
        "title": "3. 色彩系統",
        "position": "mid left",
        "subsections": [
          {
            "title": "主色",
            "count": 3,
            "labels": [
              "大閃蝶藍 #1E5BFF",
              "虹彩紫 #7A5CFF",
              "天空光 #00E6FF"
            ]
          },
          {
            "title": "中性色",
            "count": 3,
            "labels": [
              "午夜黑 #060F19",
              "柔和海軍藍 #141A2E",
              "珍珠白 #F3F6FC"
            ]
          },
          {
            "title": "強調色與漸變",
            "count": 2,
            "labels": [
              "彩虹光澤",
              "蝴蝶光芒"
            ]
          }
        ],
        "visual": "circular color swatches and gradient spheres with Chinese labels beneath"
      },
      {
        "title": "4. 排版",
        "position": "mid right",
        "count": 1,
        "labels": [
          "Aa Poppins Light / Regular / Medium / SemiBold"
        ],
        "visual": "large white Aa on dark card"
      },
      {
        "title": "5. 應用圖示",
        "position": "left center",
        "count": 1,
        "text": "[Winglet] 輕盈。靈動。優雅。",
        "visual": "glowing butterfly app icon beside app name"
      },
      {
        "title": "6. UI 元件",
        "position": "center",
        "subsections": [
          {
            "title": "按鈕",
            "count": 3,
            "labels": [
              "主要按鈕",
              "次要按鈕",
              "玻璃質感"
            ]
          },
          {
            "title": "圖示",
            "count": 2,
            "labels": [
              "心形收藏",
              "發光圓環"
            ]
          },
          {
            "title": "開關",
            "count": 1,
            "labels": [
              "開關"
            ]
          }
        ],
        "visual": "rounded blue buttons, neon icon buttons, and a glowing toggle on a dark panel"
      },
      {
        "title": "其他元素",
        "position": "right center",
        "count": 4,
        "labels": [
          "搜尋框",
          "標籤 New",
          "進度條 (72%)",
          "卡片 Blue Morpho"
        ],
        "visual": "small utility UI widgets in a compact horizontal card"
      },
      {
        "title": "7. 移動端 UI",
        "position": "lower left",
        "count": 3,
        "labels": [
          "搜尋頁面",
          "帶有大型蝴蝶插圖的今日頁面",
          "帶有波形圖的音訊播放頁面"
        ],
        "visual": "three smartphone mockups with rounded corners, dark interface, blue-violet butterfly visuals"
      },
      {
        "title": "8. 網頁設計預覽",
        "position": "lower right",
        "count": 1,
        "labels": [
          "光之生命"
        ],
        "visual": "desktop landing page mockup with butterfly hero image, top navigation, bright blue call-to-action button, and Chinese body text"
      },
      {
        "title": "9. 視覺背景",
        "position": "bottom full width",
        "count": 4,
        "labels": [
          "flowing light ribbon background 1",
          "swirling iridescent vortex",
          "flowing light ribbon background 2",
          "radiant crystalline burst"
        ],
        "visual": "four elongated rectangular background samples in purple, blue, and cyan"
      }
    ],
    "footer": {
      "count": 1,
      "text": "源於自然的設計，為體驗而生。",
      "center_icon": "small butterfly icon"
    }
  },
  "art_direction": {
    "materials": "glassmorphism, neon edge lighting, smooth gradients, subtle reflections",
    "colors": "electric blue, indigo, violet, cyan, white",
    "composition": "clean grid with 9 numbered content sections, generous spacing, thin rounded borders, and a dominant butterfly hero image",
    "render_quality": "polished, crisp typography, Behance-style design system board"
  }
}