精选 · 开放 · 免费
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
截图中无可见的悬停状态 · 需要长按按钮交互
08
组件
- button 大号胶囊形轮廓按钮，文本大写，有纯黑色填充变体
- card 白色矩形卡片，带有细微边框和充足的内边距
- input 以等宽字体显示的参考ID，背景为浅色
- hero 包含长按交互按钮的警告消息卡片
09
文案语气与禁用清单
- 语气 权威且直接
- 标题风格 关于安全性的粗体陈述性标题
- 按钮文案 全大写、面向行动的文本
- 不要使用色彩强调——截图显示严格单色设计
- 不要添加装饰性图形——截图显示纯功能性布局
- 不要使用带重阴影的圆角卡片——截图显示细微边框
- 不要创建趣味性交互——截图显示严肃的长按验证
- 不要使用衬线字体——截图显示全为无衬线字体
- 不要添加渐变——截图仅使用纯色
- 避免: 友好或随意的语言
- 避免: 装饰性元素
- 避免: 模糊的说明
11
System Prompt
Bloomberg安全间隔页，采用极简单色调设计。定位为高端金融新闻平台的功能性验证。仅使用黑色、白色和灰色十六进制值（#1a1a1a, #ffffff, #f2f2f2）。字体为清晰的无衬线体，使用粗体建立层级。关键禁忌：无色彩强调、无装饰性元素、无趣味性交互。这代表了Bloomberg在安全场景下的功能性设计语言。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko