01
设计气质 DNA
街头服饰时尚大胆图形当代
一个具有强烈图形标识和大胆字体表现的现代街头服饰品牌。
02
色彩
#FFD700Accent#000000Ink#FFFFFFBG#808080Mutedrgba(0,0,0,0.1)Line高对比度，黑色墨水效果搭配白色背景，并辅以来自产品图形的大胆黄色和绿色强调色。
03
字体
- display
48px · 800 - body
16px · 400
导航和区域标题使用全大写 · Logo和主要标题使用高字重（800） · 展示文字使用紧凑的字间距
04
间距
4px8px16px24px32px48px64px96px8px垂直节奏，用于元素间的一致间距
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
按钮和卡片使用1px solid rgba(0,0,0,0.1)边框
无
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全宽英雄区图片叠加文字，后接简洁的产品卡片网格
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
按钮和导航项的微妙hover效果
交互元素上的微妙颜色或透明度变化 · 提供即时反馈和视觉状态变化
08
组件
- button 透明背景，1px黑色边框，圆角，文字大写
- card 简洁的矩形卡片，白色背景上展示产品图片
- chip 无可见样式
- input 无可见样式
- hero 全宽摄影英雄区，叠加文字和CTA按钮
09
文案语气与禁用清单
- 语气 自信、大胆、当代，带有街头服饰风格
- 标题风格 全大写、粗体、高对比度
- 按钮文案 简洁、直接、大写文字置于带边框的按钮中
- 不要使用微妙或柔和的字体——截图显示的是粗体、高对比度的字体
- 不要添加装饰性边框或复杂的卡片设计——截图显示的是简洁、极简的产品卡片
- 不要使用柔和的调色板——截图显示的是高对比度的黑白配色搭配大胆的强调色
- 不要创建小而拥挤的布局——截图显示的是宽松的间距和大型英雄区图片
- 不要使用手写体或装饰性字体——截图显示的是简洁的怪诞无衬线字体排版
- 不要添加不必要的阴影或深度效果——截图显示的是平面、简洁的表面
- 避免: 微妙或柔和的字体
- 避免: 复杂的装饰元素
- 避免: 柔和或柔和的调色板
- 避免: 复杂的图案或纹理
11
System Prompt
这是一个大胆、当代的街头服饰时尚电商网站，具有强烈的字体表现力。设计采用高对比度的黑白配色，并辅以产品图形中大胆的黄色和绿色作为强调色。导航使用大字重的怪诞无衬线字体全大写。关键十六进制颜色：#000000（墨水色），#FFFFFF（背景色），#FFD700（强调色）。字体类别：所有文字使用怪诞无衬线字体。关键禁忌：不要使用微妙字体，不要添加装饰元素，不要使用柔和的调色板。网站特色包括全宽摄影英雄区叠加文字，以及下方简洁的产品网格。