01
设计气质 DNA
极简功能化纯净
数字瑞士军刀
02
色彩
#000000Ink#FFFFFFBG#999999Mutedrgba(0,0,0,0.1)Line采用高对比度UI元素的极端极简主义
03
字体
- display
56px · 500
04
间距
4px8px16px24px32px48px64px96px一致
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0,0,0,0.1)
0 2px 8px rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
微交互
细微状态变化 · 即时反馈
08
组件
- button 胶囊形切换按钮
- card 极简
- chip 圆形
- input 极简
- hero 居中
09
文案语气与禁用清单
- 语气 中性
- 标题风格 极简
- 按钮文案 基于图标
- 不要使用多种颜色——截图显示的是严格单色方案配以单一绿色强调色
- 不要添加装饰性插图——截图显示的是广阔白色空间中仅有一个微小的中心UI元素
- 不要使用复杂字体排印——截图显示的是极简、纯净的文字，聚焦于简单图标
- 不要使用厚重的边框或阴影——截图显示切换开关上有一条极轻、几乎不可见的边框
- 不要使用复杂布局——截图显示的是单一居中元素，无网格或分栏
- 不要使用多个区块——截图显示的是单一、聚焦的交互点
- 避免: 冗长文案
- 避免: 装饰性元素
- 避免: 复杂图案
11
System Prompt
以单一、纯净交互点为中心的极简实用工具界面。设计由极端留白、纯白背景(#FFFFFF)和一个以黑色轮廓及鲜艳绿色(#00A86B)强调色为特色的中心UI元素（切换开关）定义。字体采用纯净的人文主义无衬线体。关键禁忌：不要用多种颜色造成杂乱；不要添加装饰性插图；不要使用复杂字体排印；不要使用厚重边框或阴影；不要使用复杂布局；不要使用多个区块。