精选 · 开放 · 免费
Acne Studios
由巨型比例、单色方案和临床式摄影定义的极简主义高端时尚零售。
fashioneditorial
01
设计气质 DNA
极简主义前卫斯堪的纳维亚高端时尚干净
一个单色画廊,衣物是唯一的色彩。
02
色彩
#000000Ink
#6B6B6BInk soft
#FFFFFFBG
#F7F7F7BG soft
rgba(0,0,0,1)Line
严格的单色,仅由产品提供唯一的视觉变化。
03
字体
grotesque-sans · humanist-sans · monospace
- display
120px · 500 - caption
12px · 400
所有导航和类别标签默认采用大写转换。 · 超大展示文本和小型功能文本均应用紧凑的字间距。 · 排版纯粹是功能性的,作为图像的中性网格存在。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
微观间距使用紧凑、一致的4px基础比例,而宏观间距则由巨型图像决定。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
交互元素使用1px实线黑色边框,否则无边框。
0px 1px 0px 0px rgb(242, 242, 242) inset
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
一个无边框、流动的网格,偏爱全出血的编辑式图像,而非结构化的容器。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
悬停时微妙的透明度过渡 · 全出血图像切换
文本链接上微妙的透明度降低或颜色反转。 · 立即过渡,无厚重触觉反馈。
08
组件
- button 无边框的文本链接或仅由1px边框和紧凑内边距定义的最小化方框。
- card 无边框的图像容器,上方悬浮着最小化的文本标签。
- chip 不适用
- input 最小化下划线或带边框的文本输入框,具有紧凑内边距。
- hero 全出血、高分辨率摄影,配有巨型排版叠加。
09
文案语气与禁用清单
- 语气 直接、疏离且权威。
- 标题风格 巨型、厚重的无衬线体叠加。
- 按钮文案 小型、大写、高度调整字间距的功能性文本。
- 不要使用圆角或柔和阴影——截图显示的是锐利边缘和平坦的内嵌阴影。
- 不要使用鲜艳或多样的配色——截图显示的是严格单色的元素。
- 不要使用中等大小的标题——截图显示的是巨型展示或微小说明文字的二元比例。
- 不要使用句子式大小写的导航——截图显示所有文本均为大写。
- 不要使用装饰性衬线或手写字体——截图显示的是纯粹功能性的无衬线和等宽字体。
- 不要将所有文本居中对齐——截图显示导航和标签使用严格的左对齐网格。
- 避免: 柔和曲线或装饰性元素
- 避免: 温暖色调的配色方案
- 避免: 过多的内边距或呼吸空间
- 避免: 描述性或营销导向的文案
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为Acne Studios设计的优质时尚电商网站。其特点是采用黑色 (#000000) 和米白 (#F7F7F7) 构成的极致单色配色。排版严格实用,巨型主图叠加使用无衬线体,小型、大写的导航标签使用人文无衬线体 (Helvetica Now)。布局无边框且全出血,让编辑式摄影占据主导。关键禁忌:绝不使用圆角;避免句子式大小写文本;不使用中等字体大小;保持严格的黑白配色。将其用于高端时尚、编辑式和极简奢华UI模式。
en · zh-CN · zh-TW · ja · ko