01
设计气质 DNA
户外环保行动耐用可持续探险
如同 rugged mountain guide：权威、务实、使命驱动。
02
色彩
#000000Ink#FFFFFFBG#F2F2F2BG soft#767676Mutedrgba(0, 0, 0, 0.1)Line高对比度与实用主义，依赖摄影提供色彩。
03
字体
- display
56px · 500
04
间距
4px8px16px24px32px48px64px96px4px 基础网格
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
标准12列网格，留白充足。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
微妙的下划线或透明度变化。 · 即时反馈。
08
组件
- button 药丸形或圆角设计，高对比度。
- card 以图像为主，边框极简。
- input 简洁的带边框输入框。
- hero 全宽摄影背景，居中靠左对齐的文本。
09
文案语气与禁用清单
- 语气 权威、行动导向、直截了当。
- 标题风格 粗体，使用祈使动词。
- 按钮文案 简洁直接的指令。
- 避免使用霓虹或过度饱和的颜色——截图显示的是大地色、自然色调和摄影作品。
- 避免使用装饰性手写体或花体字——截图显示的是简洁易读的无衬线与衬线字体。
- 避免使用厚重投影或3D效果——截图显示的是扁平、干净的设计。
- 避免在界面中堆砌过多徽章或图标——截图显示的是极简、功能性的UI。
- 避免使用小而拥挤的字体——截图显示的是充足留白和清晰可读的文本。
- 避免使用过于活泼或圆角的UI元素——截图显示的是实用主义、功能性的形状。
- 避免: 术语
- 避免: 推销式夸张
- 避免: 复杂句式
11
System Prompt
这是一个户外品牌的实用主义电商网站。采用简洁的高对比度配色，白色背景、黑色文字和全出血摄影。字体组合使用过渡衬线体作为主标题，人文主义无衬线体作为正文。布局采用标准12列网格。关键禁忌：避免霓虹或过度饱和的颜色，坚持使用大地色、自然色调。避免装饰性手写体或花体字，使用简洁易读的无衬线与衬线字体。避免厚重投影或3D效果，保持设计扁平干净。避免在界面中堆砌过多徽章或图标，保持UI极简且功能化。避免使用小而拥挤的字体，确保充足留白和清晰可读的文本。避免使用过于活泼或圆角的UI元素，保持形状实用且功能化。