OpenDesign·你的设计资产库

网页参考

Acne Studios

由巨型比例、单色方案和临床式摄影定义的极简主义高端时尚零售。

FashionEditorial
Acne Studios 网站截图

01

设计气质 DNA

极简主义前卫斯堪的纳维亚高端时尚干净

一个单色画廊,衣物是唯一的色彩。

02

色彩

#000000Ink
#6B6B6BInk soft
#FFFFFFBG
#F7F7F7BG soft
rgba(0,0,0,1)Line

严格的单色,仅由产品提供唯一的视觉变化。

03

字体

grotesque-sans · humanist-sans · monospace

  • display120px · 500
  • caption12px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个为Acne Studios设计的优质时尚电商网站。其特点是采用黑色 (#000000) 和米白 (#F7F7F7) 构成的极致单色配色。排版严格实用,巨型主图叠加使用无衬线体,小型、大写的导航标签使用人文无衬线体 (Helvetica Now)。布局无边框且全出血,让编辑式摄影占据主导。关键禁忌:绝不使用圆角;避免句子式大小写文本;不使用中等字体大小;保持严格的黑白配色。将其用于高端时尚、编辑式和极简奢华UI模式。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。