# GPT Image Hub prompt

## 稜鏡光感淺色UI設計系統展示板
- URL: https://www.gptimagehub.com/zh-TW/library/prismatic-light-mode-ui-design-system-board
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-13507
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Fprismatic-light-mode-ui-design-system-board
- Category: UI / UX 設計
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui設計, 設計規範, 展示看板, 淺色模式, 虹彩漸層, 介面原型
- Updated: 2026-10-27T17:35:08.098Z
- Created: 2026-10-27T17:35:08.098Z

生成一套精緻整齊的淺色UI設計系統展示看板，融合虹彩稜鏡折射美學。透過括號內欄位可自訂主題、漸層色彩與元件文字。

### Full prompt
```text
{
  "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圖示底部導航欄"
      }
    ]
  }
}
```