精選 · 開放 · 免費
Grandleisure
用於網路應用程式的極簡系統級驗證對話框。
CleanReferenceMobile UIRestraint
01
設計氣質 DNA
實用主義系統對話框驗證
標準瀏覽器或作業系統原生驗證模態框。
02
色彩
#0078d4Accent
#000000Ink
#ffffffBG
#666666Muted
rgba(0, 0, 0, 0.1)Line
高對比、系統原生調色盤，極簡使用強調色。
03
字型
system-sans · system-mono
- display
20px · 500 - body
14px · 400 - caption
12px · 400
04
間距
一致的 4px 基礎網格
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(0, 0, 0, 0.1)
None: 0 4px 16px rgba(0,0,0,0.12)
06
版面
300container
1columns
16pxgutter
固定寬度的居中模態對話框
07
動效與互動
0msmicro
0mssmall
0msmedium
lineareasing
無
標準系統游標變更 · 按鈕按下狀態
08
組件
- button 系統原生按鈕，藍色主要填充與灰色次要外框
- card 帶有細微陰影的模態對話框容器
- input 標準文字輸入框，灰色邊框與藍色聚焦環
09
文案語氣與禁用清單
- 語氣 中性、實用主義、系統生成
- 標題風格 直接且功能導向
- 按鈕文案 明確的動作動詞
- 勿使用裝飾性圖片 — 截圖顯示純功能對話框
- 勿套用圓角 — 截圖顯示銳利矩形邊緣
- 勿使用複雜漸層 — 截圖顯示平面純色
- 勿實作精緻動畫 — 截圖顯示靜態系統 UI
- 勿使用自訂字體 — 截圖使用系統級字體
- 勿添加多餘佈局元素 — 截圖顯示極簡、專注的模態框
- 避免: 行銷用語
- 避免: 表現主義字體
- 避免: 裝飾性元素
11
System Prompt
這是一個系統級驗證對話框。使用極簡高對比調色盤：白色 (#ffffff)、黑色 (#000000) 與標準藍色強調色 (#0078d4)。字體完全採用系統原生無襯線字體。佈局為居中固定寬度模態框，帶有細微陰影。關鍵禁止事項：永不使用圓角、永不添加裝飾元素、永不使用自訂字體，並避免任何複雜動畫或漸層。專注於純功能性、實用主義的互動。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko