01
设计气质 DNA
极简专业结构化企业级编辑式
带有微妙几何纹理的极简主义企业仪表盘
02
色彩
#1a1a1aInk#666666Ink soft#f5f5f5BG#ffffffBG soft#f8f8f8BG quiet#999999Mutedrgba(0,0,0,0.08)Line采用单色系，确保主要操作的高对比度
03
字体
- display
24px · 600 - body
14px · 400
所有文本元素统一使用grotesque-sans字体 · 标题保持紧凑的字间距 · 仅使用400、600两种字重
04
间距
4px8px16px24px32px48px64px96px以4px为基础单位构建一致且清晰的层级间距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0,0,0,0.08)
0 1px 2px rgba(0,0,0,0.05) · 0 4px 12px rgba(0,0,0,0.08)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
12栏网格布局，留白充裕
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
含蓄的hover过渡 · 平滑的页面切换
色彩或高度的微妙变化 · 即时反馈，伴随视觉状态改变
08
组件
- button 造型极简，对比度清晰，采用胶囊形行动按钮
- card 轻微抬升效果，圆角边框
- chip 无可见元素
- input 边框简洁，含蓄的focus状态
- hero 大面积留白，搭配几何背景纹理
09
文案语气与禁用清单
- 语气 专业、清晰、具有权威感
- 标题风格 直接精炼，层级分明
- 按钮文案 行动导向，高对比度
- 勿使用多种强调色——截图显示为单色方案
- 勿添加装饰元素——截图仅显示简洁几何纹理
- 勿使用沉重阴影——截图呈现微妙抬升效果
- 勿采用复杂排版层级——截图显示字重运用克制
- 勿使界面拥挤——截图显示留白充裕
- 勿使用圆角容器——截图显示极小边框半径
- 避免: 俏皮化表述
- 避免: 过度装饰
- 避免: 复杂术语
11
System Prompt
这是一个干净的生产力工具界面，采用以#1a1a1a墨黑与#f5f5f5背景为核心的单色方案。使用grotesque-sans字体并保持紧凑字间距以营造专业感。具备微妙的几何背景纹理与极简框架。关键约束：保持单色配色，避免装饰元素，采用克制的字体字重，保留充裕留白，保持交互模式含蓄，并全程维持专业语调。