01
设计气质 DNA
工作室制作组织模板创意
极简主义工作室规划助手
02
色彩
#000000Ink#666666Ink soft#FFFFFFBG#F5F5F5BG soft#999999Mutedrgba(0,0,0,0.1)Line高对比度单色系，聚焦摄影与字体排印
03
字体
- display
48px · 400 - body
16px · 400
主要品牌元素和日期使用衬线字体。 · 导航与 UI 元素使用无衬线字体。 · 导航标签使用全大写形式。
04
间距
4px8px16px24px32px48px64px96px4px 网格系统
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 4px
lg · 8px
pill · 999px
1px solid rgba(0,0,0,0.1)
0 1px 2px rgba(0,0,0,0.05)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血主视觉图叠加导航，居中放置行动号召按钮
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
推广横幅采用滑入动画 · UI 状态变化采用淡入淡出
颜色变化或下划线 · 即时反馈
08
组件
- button 黑色胶囊形按钮，白色大写文字
- card 带投影的白色纸质模板
- chip 圆形购物袋计数器
- input 极简搜索栏，带细下划线
- hero 大尺寸生活方式摄影，叠加文字
09
文案语气与禁用清单
- 语气 专业、极简、实用
- 标题风格 清晰、直接、行动导向
- 按钮文案 直接且行动导向
- 不要为主按钮使用圆角——截图显示的是胶囊形状。
- 不要使用彩色背景——截图显示的是干净的白色覆盖层。
- 不要使用装饰性字体——截图显示的是简洁的几何无衬线体。
- 不要使用狭小拥挤的间距——截图显示元素周围留有充足的空间。
- 不要使用下拉菜单——截图显示的是扁平的水平导航栏。
- 不要使用杂乱的布局——截图显示的是聚焦的单图主视觉。
- 避免: 过于随意的口语
- 避免: 复杂的行业术语
- 避免: 过多的感叹号
- 避免: 密集的段落
- 避免: 霓虹色或过于鲜艳的色彩
11
System Prompt
这是一个用于创意工具的极简、专业电商平台。设计基因建立在干净的白色背景、黑色文字与高对比度摄影之上。字体排印在品牌元素上使用过渡衬线体，在 UI 上使用几何无衬线体。布局开阔，优先保证清晰度与焦点。关键十六进制颜色为 #FFFFFF（背景）、#000000（墨色）和 #666666（弱化文字）。界面极具克制感，依靠强有力的摄影而非装饰元素。关键禁忌：绝不使用杂乱的网格，避免使用霓虹色或过于鲜艳的强调色，绝不使用俏皮或圆润的装饰字体。网站追求的是精致、工作室级别的美学品质。