精选 · 开放 · 免费

Off-White

一个结合工业美学与高级时装摄影的高端街头服饰品牌。

01

设计气质 DNA

高级时装编辑杂志与都市街头文化的融合。

02

色彩

高对比度单色系，搭配单一鲜艳电光蓝作为行动号召色。

03

字体

geometric-sans · humanist-sans · monospaced

• display24px · 700
• h116px · 600
• body14px · 400
• caption11px · 400

04

间距

基于统一的 4px 网格，UI 元素采用紧凑内边距，编辑布局则留有充足间隙。

05

表面 (圆角 / 阴影 / 边线)

使用主墨色的 1px 细边框。

None: None · None: None

06

布局

用于新闻通讯模态窗口的分屏布局：50% 摄影编辑内容，50% 简洁的表单 UI。

07

动效与交互

模态遮罩层采用淡入效果，悬停状态采用平滑过渡。

交互元素上微妙的颜色过渡。 · 按钮和链接上即时的视觉反馈。

08

组件

• button 主按钮采用实色电光蓝背景（#0019E9）与白色文字；次要按钮采用白色背景与蓝色文字。
• card 带有细边框和直角的简洁容器。
• chip 带圆形轮廓和文字标签的单选按钮。
• input 仅带底部边框的极简文本输入框。
• hero 大尺寸、高分辨率的编辑式摄影图片。

09

文案语气与禁用清单

• 语气 自信、专属且极简。
• 标题风格 直接、全大写且有力（例如：“加入 OFF-WHITE™ 社区”）。
• 按钮文案 清晰、祈使语气的动词（例如：“立即选购”、“接受全部 Cookie”）。

• 不要使用圆角——截图显示大多数元素采用锐利、极小的圆角（2px）
• 不要使用俏皮或随意的字体——截图使用了简洁的无衬线体和等宽字体
• 不要使用复杂的调色板——截图依赖黑色、白色和单一电光蓝
• 不要在所有元素上使用投影——截图仅将投影用于模态窗口和遮罩层
• 不要将长段落文本居中——截图仅少量使用左对齐和居中对齐
• 不要在文字密集的板块使用多栏布局——截图在模态窗口中偏好干净的单栏可读性
• 避免: 过度装饰的元素
• 避免: 过多使用多种颜色
• 避免: 俏皮或随意的语言

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko