
建立多頁 UI 風格系統展示板,包含 8px 網格、色彩 token、字體階層、元件狀態與對齊版面範例。
圖片提示詞
Seedream 5.0 Lite
圖像提示詞模板
預覽
圖片提示詞

UI 風格系統展示板預覽,聚焦系統一致性、網格對齊、可編輯 token 與可用於產品的 UI 範例。
完整提示詞
多頁 UI 風格系統展示板,包含 8px 網格、色彩 token、字體階層、元件與響應式版面。
為 [PRODUCT_OR_BRAND] 建立一組精緻的多頁 UI 風格系統展示板。將整套系統呈現為同一張乾淨預覽畫布上的連貫設計頁面。每一頁都使用嚴格的 8px 間距網格、一致邊距、精準對齊與清楚層級。包含色彩 token 面板,展示主色、輔助色、中性色、語義色與背景色色票;包含字體階層,展示標題、內文、說明文字與數字樣式;包含元件表,展示按鈕、輸入欄、卡片、導覽、徽章與空狀態;並加入兩個響應式版面範例,呈現桌面與行動版比例。整套系統應保持視覺一致、可編輯,並適合 SaaS 產品、創作者工具、電商品牌或內部儀表板。只在必要處使用真實感占位文案,並讓標籤短到能保持可讀。避免真實標誌、複製既有設計系統、使用者未提供的品牌名稱、變形字體、不一致間距、不匹配的陰影、裝飾雜訊、不可及的對比度,以及破壞網格的元件範例。
使用說明
執行前,請替換產品類型、品牌語氣、色盤方向、元件清單、版面範例與無障礙要求。
提示詞 FAQ
快速檢查輸入、模型適配度,以及如何調整模板而不削弱結果。
定義產品類型、品牌語氣、基礎色盤、字體個性、元件範圍,以及範例應偏向行銷展示或儀表板工具。
它會建立用於探索與簡報的視覺風格系統展示板。轉換成正式 UI token 前,仍需審閱間距、對比度、字體排印與元件行為。
檢查標籤是否可讀、色票是否清楚區分、字體層級是否明確、元件是否共用同一套間距邏輯,以及是否複製了真實品牌系統。
此模式中的更多提示詞