精选 · 开放 · 免费

Acne Studios

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

fashioneditorial
Acne Studios 网站截图
↓ 下载设计系统包 (31 MB)在 OpenDesign 中打开

原站: https://www.acnestudios.com

📦 浏览包内文件 →

01

设计气质 DNA

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

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

02

色彩

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

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

03

字体

grotesque-sans · humanist-sans · monospace

所有导航和类别标签默认采用大写转换。 · 超大展示文本和小型功能文本均应用紧凑的字间距。 · 排版纯粹是功能性的,作为图像的中性网格存在。

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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