圖像 提示詞
Light Mode UI 設計系統專案
生成一份全面的 UI 設計系統簡報，包含配色方案、字體排版、組件以及具有未來感、虹彩美學的響應式模型。
提示詞
{
"type": "UI 設計系統簡報專案",
"theme": "光學科學與光線折射",
"overall_aesthetic": "乾淨的白色背景，淺色模式，未來感，高級感，特色為 虹彩、柔和橙色、黃色、青色、紫色、粉紅色 的點綴",
"header": {
"title": "LIGHTCORE PRISM",
"subtitle": "UI 設計系統 - 淺色模式",
"tags": ["未來感", "高級感", "焦點"],
"hero_graphic": "折射虹彩光線的 3D 透明玻璃環"
},
"layout": {
"sections": [
{
"title": "顏色",
"count": 5,
"labels": ["白色 #FFFFFF", "雪白 #FAFAFC", "板岩灰 #F2F4F8", "邊框色 #E6E8EF", "黑色 #0A0A0C"],
"description": "5 個圓角方形的純色色票"
},
{
"title": "稜鏡漸層",
"count": 1,
"description": "1 條長水平漸層條，下方標註 5 組十六進位色碼"
},
{
"title": "字體排版",
"description": "大型 'Aa' 字樣，列出 4 種字重（Light, Regular, Medium, Semibold）以及完整字母與數字"
},
{
"title": "圖標設計",
"count": 12,
"description": "12 個極簡線條風格圖標，以 2x6 網格排列"
},
{
"title": "按鈕",
"count": 8,
"categories": ["主要", "次要", "文字", "圖標"],
"description": "共 8 個按鈕，展示各類別的一般與停用狀態。主要按鈕具有虹彩邊框與 開始使用 文字。"
},
{
"title": "導航",
"count": 2,
"variants": ["桌面版", "行動版"],
"description": "桌面版導航包含 Logo、4 個文字連結、搜尋、登入及一個按鈕。行動版導航包含 Logo、搜尋及漢堡選單。"
},
{
"title": "組件",
"count": 6,
"items": [
"卡片：'Photon Engine'，帶有抽象虹彩圖形與按鈕",
"輸入欄位：搜尋列與帶標籤的電子郵件輸入框",
"進度條：68% 的虹彩進度條",
"標籤頁：概覽、分析、設定",
"開關：2 個切換開關（開/關）",
"數據視覺化：1 個包含 3 個圖例項目的圓餅圖，1 個 7 天折線圖"
]
},
{
"title": "網頁",
"description": "桌面瀏覽器模型，包含標題 '用光與色彩構建未來'、2 個按鈕、流動的 3D 虹彩波浪圖形，以及底部的 5 個合作夥伴 Logo。"
},
{
"title": "行動應用程式",
"description": "智慧型手機模型，顯示 $24,880 的餘額、折線圖、4 個快速操作圖標、包含 3 個項目的近期活動列表，以及底部帶有 4 個圖標的導航欄。"
}
]
}
}
