精選 · 開放 · 免費
Bloomberg
Bloomberg 新聞平台的功能性安全過渡頁，採用極簡單色設計。
editorialnews
01
設計氣質 DNA
金融新聞權威功能性安全性
高端新聞服務的嚴謹安全檢查站
02
色彩
#1a1a1aInk
#333333Ink soft
#f2f2f2BG
#ffffffBG soft
#666666Muted
rgba(0, 0, 0, 0.15)Line
嚴格單色調色盤，白色卡片以實現功能性清晰度
03
字型
grotesque-sans · monospace
- display
20px · 700 - body
15px · 400 - label
14px · 700
標題與按鈕文字使用粗體字重 · 功能性文字保持緊湊行高 · 保留標準字距以確保可讀性
04
間距
4px
8px
16px
24px
32px
48px
64px
標準 8px 基礎網格，功能性間距
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
卡片與按鈕輪廓使用 1px solid rgba(0,0,0,0.15)
06
版面
1000container
1columns
24pxgutter
768breakpoints
單欄居中佈局，堆疊式卡片模組
07
動效與互動
0msmicro
0mssmall
0msmedium
lineareasing
截圖中無可見的 hover 狀態 · 需要長按按鈕互動
08
組件
- button 大型膠囊狀外框按鈕，大寫文字，並有實心黑色填充變體
- card 白色矩形卡片，帶有細微邊框與充足內距
- input 參考 ID 以等寬字體顯示，淺色背景
- hero 警示訊息卡片，搭配長按互動按鈕
09
文案語氣與禁用清單
- 語氣 權威且直接
- 標題風格 關於安全性的粗體陳述式標題
- 按鈕文案 全大寫、行動導向文字
- 不要使用彩色強調——截圖顯示嚴格的單色設計
- 不要添加裝飾性圖形——截圖顯示純粹功能性佈局
- 不要使用帶有厚重陰影的圓角卡片——截圖顯示細微邊框
- 不要創造俏皮互動——截圖顯示嚴肅的長按驗證
- 不要使用襯線字體——截圖全程使用無襯線字體
- 不要添加漸層——截圖僅使用平面實色
- 避免: 友好或隨意的語言
- 避免: 裝飾性元素
- 避免: 模糊的指示
11
System Prompt
Bloomberg 安全過渡頁，採用嚴謹單色設計。定位為高端金融新聞平台的功能性驗證。僅使用黑、白與灰色十六進制色碼（#1a1a1a、#ffffff、#f2f2f2）。字型為簡潔的 grotesque-sans，使用粗體字重建立層級。關鍵禁忌：不使用彩色強調、不添加裝飾性元素、不創造俏皮互動。這代表了 Bloomberg 在安全情境下的功能性設計語言。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko