01
设计气质 DNA
精品咖啡野兽派品牌化大胆图形化
将高对比度的野兽派印刷菜单转译至网页端
02
色彩
#111111Ink#333333Ink soft#FFFFFFBG#777777Mutedrgba(0,0,0,0.1)Line以高对比度黑白为基础，仅通过摄影和产品标签点缀色彩
03
字体
- display
96px · 700 - heading
56px · 600 - body
16px · 400
主标题和导航使用全大写 · 大型展示文本采用紧凑字距 · 正文内容左对齐
04
间距
4px8px16px24px32px48px64px96px充足的垂直留白与紧凑的字体间距形成对比
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
分隔三栏网格的锐利垂直分割线
06
布局
1440container
3columns
768 / 1024breakpoints
严谨的三栏网格：大型图形面板、主要内容区和右侧边栏
07
动效与交互
0msmicro
0mssmall
0msmedium
lineareasing
无明显体现 · 无明显体现
08
组件
- hero 包含大胆图形眼睛插图和品牌名称的全高巨型面板
09
文案语气与禁用清单
- 语气 直接、自信、简洁
- 标题风格 超大尺寸、全大写、紧密字距
- 按钮文案 简洁的小型大写文本链接
- 避免使用圆角——截图显示完全锐利的直角
- 避免使用投影——截图显示完全平坦的表面
- 避免为按钮使用亮色强调色——截图依赖纯粹的黑白对比
- 避免使用装饰性图标——截图仅使用单个大胆图形插图
- 避免使用斜体或手写字体——截图严格使用几何体和人文主义无衬线字体
- 避免正文居中对齐——截图显示严格的左对齐以确保可读性
- 避免: 俏皮的语言
- 避免: 装饰性元素
- 避免: 圆润的边角
11
System Prompt
一个具有醒目野兽派美学的精品咖啡品牌网站。设计依赖高对比度黑白基础、厚重的怪诞体字族和严谨的三栏网格布局。左侧面板由大型图形眼睛图案和超大品牌名称主导。右侧边栏展示多彩的产品标签网格。关键约束：保持标题全大写，确保锐利的直角边角，避免任何投影，永不使用圆润的UI元素或柔和渐变。字体必须保持紧密字距和严格左对齐。