精選 · 開放 · 免費
Perplexity
為清晰度與信任而設計的功能性、極簡安全驗證頁面。
aisearchclean
01
設計氣質 DNA
安全性驗證極簡技術
安全設施的透明玻璃門
02
色彩
#0000eeAccent
#313131Ink
#ffffffBG
rgba(217,217,217,1)Line
在純白畫布上使用高對比與最大清晰度，無裝飾性色彩。
03
字型
system-sans · monospace
- display
40px · 600 - body
16px · 400
使用系統級字型堆疊以獲得原生渲染效能 · 僅主要標題使用嚴格的 600 字重
04
間距
提供充裕的垂直留白以隔離驗證元件
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 4px
lg · 4px
pill · 999px
元件使用纖細的 1px 實心淺灰色邊框
06
版面
1280container
1columns
24pxgutter
768breakpoints
垂直置中的堆疊，搭配左對齊的文字與頁尾
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
核取方塊互動時的細微狀態轉換
互動元素顯示指標游標 · 切換驗證狀態
08
組件
- button 核取方塊樣式的互動元件容器
- card 用於驗證邏輯的簡潔帶框容器
- hero 帶有網站標誌的極簡狀態訊息
09
文案語氣與禁用清單
- 語氣 直接、技術性且令人安心
- 標題風格 簡潔的狀態更新
- 按鈕文案 隱含的驗證觸發
- 不要使用裝飾性圖片——截圖僅顯示功能性 UI 元素
- 不要使用多欄佈局——截圖顯示單一置中欄位
- 不要在主要元件上使用圓角——截圖顯示銳利的矩形邊緣
- 不要使用陰影——截圖顯示帶有簡單邊框的平面設計
- 不要使用裝飾性背景圖樣——截圖顯示純白空間
- 不要使用小寫標題——截圖顯示標準大寫
- 避免: 行銷用語
- 避免: 裝飾性圖片
- 避免: 複雜的導覽
11
System Prompt
設計一個以安全性為重點的極簡驗證介面，優先考慮信任與清晰度。使用純白背景搭配深灰（#313131）文字與標準藍色（#0000ee）連結。採用系統級字型堆疊以獲得最大相容性與快速渲染。關鍵限制：無裝飾性圖片、主要元件無圓角、無陰影、無複雜網格佈局、無品牌專屬字型。佈局必須垂直置中，並提供充裕的留白以將注意力集中於驗證任務。維持嚴格的功能性語氣，傳達安全狀態而不使用行銷語言。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko