精選 · 開放 · 免費
Mastercard
為全球金融公用服務打造的簡潔、中性介面。
FintechCorporateEditorialCleanConsumer
01
設計氣質 DNA
全球化金融無障礙值得信賴
數位商務的通用入口。
02
色彩
#000000Ink
#ffffffBG
rgba(0, 0, 0, 0.1)Line
純粹單色調搭配高對比，以實現最佳可讀性與中立性。
03
字型
transitional-serif
文字嚴格使用過渡襯線字體。 · 字重始終為 400。 · 文字大小固定為 16px。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
簡潔、標準的垂直節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
簡潔的實線 1px 黑色邊框。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
標準的全寬企業佈局。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
狀態變換時使用細微的淡入淡出與過渡效果。
文字連結的底線或透明度變化。 · 標準系統回饋。
08
組件
- button 簡潔的文字連結或標準系統按鈕。
- card 由細邊框定義的內容區塊。
- input 帶有黑色邊框的標準系統輸入欄位。
- hero 搭配極簡文字與品牌標誌的大型簡潔區域。
09
文案語氣與禁用清單
- 語氣 權威、清晰且中立。
- 標題風格 直接且具陳述性。
- 按鈕文案 清晰、可執行的文字連結。
- 不要使用無襯線字體 — 截圖顯示應使用過渡襯線字體。
- 不要使用彩色背景 — 截圖顯示應使用純白背景。
- 不要使用陰影效果 — 截圖顯示應使用平面、邊框定義的元素。
- 不要使用圓角 — 截圖顯示應使用銳利的 0px 角。
- 不要使用鮮豔的強調色 — 截圖顯示應使用嚴格的單色調色板。
- 不要使用粗體字重 — 截圖顯示應使用一致的 400 字重。
- 避免: 俚語
- 避免: 過於隨意的語言
- 避免: 模糊的措辭
11
System Prompt
為全球金融公用服務設計一個簡潔、權威且中性的介面。使用嚴格的單色調色板：#000000 墨水色搭配 #ffffff 背景。字體使用過渡襯線字類，16px 大小、400 字重。佈局寬敞且基於網格。不要使用彩色強調色、圓角或陰影。目標是最大化清晰度與信任感。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko