01
设计气质 DNA
街头服饰奢华都市高级时装工业风
高级时装编辑杂志与都市街头文化的融合。
02
色彩
#0019E9Accent#000000Ink#6F6F6FInk soft#F5F5F5BGrgba(0,0,0,1)Line高对比度单色系，搭配单一鲜艳电光蓝作为行动号召色。
03
字体
- display
24px · 700 - h1
16px · 600 - body
14px · 400 - caption
11px · 400
04
间距
4px8px12px16px20px24px32px56px基于统一的 4px 网格，UI 元素采用紧凑内边距，编辑布局则留有充足间隙。
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 8px
lg · 20px
pill · 999px
使用主墨色的 1px 细边框。
None: None · None: None
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
用于新闻通讯模态窗口的分屏布局：50% 摄影编辑内容，50% 简洁的表单 UI。
07
动效与交互
200msmicro
500mssmall
500msmedium
cubic-bezier(0.4, 0, 0.6, 1)easing
模态遮罩层采用淡入效果，悬停状态采用平滑过渡。
交互元素上微妙的颜色过渡。 · 按钮和链接上即时的视觉反馈。
08
组件
- button 主按钮采用实色电光蓝背景（#0019E9）与白色文字；次要按钮采用白色背景与蓝色文字。
- card 带有细边框和直角的简洁容器。
- chip 带圆形轮廓和文字标签的单选按钮。
- input 仅带底部边框的极简文本输入框。
- hero 大尺寸、高分辨率的编辑式摄影图片。
09
文案语气与禁用清单
- 语气 自信、专属且极简。
- 标题风格 直接、全大写且有力（例如：“加入 OFF-WHITE™ 社区”）。
- 按钮文案 清晰、祈使语气的动词（例如：“立即选购”、“接受全部 Cookie”）。
- 不要使用圆角——截图显示大多数元素采用锐利、极小的圆角（2px）
- 不要使用俏皮或随意的字体——截图使用了简洁的无衬线体和等宽字体
- 不要使用复杂的调色板——截图依赖黑色、白色和单一电光蓝
- 不要在所有元素上使用投影——截图仅将投影用于模态窗口和遮罩层
- 不要将长段落文本居中——截图仅少量使用左对齐和居中对齐
- 不要在文字密集的板块使用多栏布局——截图在模态窗口中偏好干净的单栏可读性
- 避免: 过度装饰的元素
- 避免: 过多使用多种颜色
- 避免: 俏皮或随意的语言
10
包内真实截图
11
System Prompt
这是一个高端街头服饰时尚品牌网站，采用极简、高对比度的美学风格。设计以黑色（#000000）和灰白色（#F5F5F5）的单色系为主，搭配单一的鲜艳电光蓝（#0019E9）作为行动号召按钮和链接的高饱和度强调色。字体主要使用简洁的人文无衬线体作为正文，几何无衬线体作为展示字体，并偶尔使用等宽字体呈现技术性或结构性细节。关键设计特点包括分屏编辑式模态窗口、大尺寸高分辨率摄影以及 1px 细边框。关键设计约束：避免按钮使用圆角，绝不使用超过一种强调色，并保持鲜明、工业现代的风格。布局基于严格的网格，UI 元素采用紧凑间距，编辑构图则留有充足留白。