01
设计气质 DNA
极简功能户外技术
简洁的技术蓝图
02
色彩
#333333Ink#FFFFFFBG#999999Mutedrgba(0,0,0,0.1)Line高对比度单色方案，确保最佳可读性与视觉焦点
03
字体
- display
48px · 700
所有文本元素使用几何无衬线字体 · 标题保持紧凑的字间距 · 使用粗体强调
04
间距
4px8px16px24px32px48px64px96px统一的8px基线网格
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中内容，充足留白
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
细腻的淡入效果 · 避免复杂动画
细微的颜色变化或下划线 · 即时响应
08
组件
- button 极简、高对比度、矩形
- card 简洁边框，无阴影，充足内边距
- input 简洁的矩形边框
- hero 大型居中Logo，搭配极简文字
09
文案语气与禁用清单
- 语气 技术性、精确
- 标题风格 直接且具描述性
- 按钮文案 行动导向，标签清晰
- 避免使用圆角——截图为清晰的矩形形状
- 避免添加投影——截图为扁平、无边框的元素
- 避免使用多种颜色——截图为单色配色方案
- 避免使用装饰性字体——截图为简洁的几何无衬线体
- 避免添加背景渐变——截图为纯白背景
- 避免使用复杂动画——截图为极简的动效设计
- 避免: 过于随意的语言
- 避免: 过多的感叹号
- 避免: 模糊的营销话术
11
System Prompt
这是一个用于技术产品网站的极简功能性设计系统。配色严格单色，白色背景（#FFFFFF）与深色文本（#333333）。字体使用几何无衬线体，标题采用粗体。关键设计原则：保持清晰的矩形形状，避免圆角；避免投影；使用高对比度确保可读性。布局将内容居中，留白充足，营造干净、专注的体验。所有组件使用简洁边框，无装饰性元素。