CURATED · OPEN · FREE

Acne Studios

Minimalist high-fashion retail defined by massive scale, monochrome palette, and clinical photography.

fashioneditorial

↓ Download design system (31 MB)Open in OpenDesign

Visit: https://www.acnestudios.com

📦 Browse pack contents →

Identity DNA

minimalistavant-gardescandinavianhigh-fashionclean

A monochromatic gallery where the clothes are the only color.

Color

#000000Ink

#6B6B6BInk soft

#FFFFFFBG

#F7F7F7BG soft

rgba(0,0,0,1)Line

Strictly monochrome with the product providing the only visual variance.

Typography

grotesque-sans · humanist-sans · monospace

display120px · 500
caption12px · 400

Uppercase transformation is standard for all navigation and category labels. · Tight letter-spacing is applied to both massive display text and small utility text. · Typography is purely functional, serving as a neutral grid for the imagery.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

A tight, consistent 4px base scale is used for micro-spacing, while macro-spacing is dictated by the massive imagery.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

1px solid black for interactive elements, otherwise borderless.

0px 1px 0px 0px rgb(242, 242, 242) inset

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

A borderless, fluid grid that favors full-bleed editorial imagery over structured containers.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Subtle opacity transitions on hover · Full-bleed image swaps

Subtle opacity reduction or color inversion on text links. · Immediate transition without heavy tactile feedback.

Components

button Borderless text links or minimal boxes defined only by 1px borders and tight padding.
card Borderless image containers with minimal text labels floating above.
chip N/A
input Minimal underline or bordered text fields with tight padding.
hero Full-bleed, high-resolution photography with massive typographic overlays.

Voice & Don'ts

Tone Direct, detached, and authoritative.
Headlines Massive, heavy grotesque sans-serif overlays.
CTAs Small, uppercase, highly tracked utility text.

Don't use rounded corners or soft shadows — screenshot shows sharp edges and flat, inset shadows.
Don't use a vibrant or diverse color palette — screenshot shows strictly monochrome elements.
Don't use medium-sized headings — screenshot shows a binary scale of massive display or tiny captions.
Don't use sentence-case navigation — screenshot shows all text in uppercase.
Don't use decorative serif or script fonts — screenshot shows purely functional grotesque and monospace fonts.
Don't center-align all text — screenshot shows a strict left-aligned grid for navigation and labels.
Avoid: Soft curves or decorative elements
Avoid: Warm color palettes
Avoid: Excessive padding or breathing room
Avoid: Descriptive or marketing-heavy copy

Inside the pack — real screenshots

Acne Studios — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a premium fashion e-commerce site for Acne Studios. It features a stark, monochromatic palette of black (#000000) and off-white (#F7F7F7). The typography is strictly utilitarian, using grotesque-sans for massive hero overlays and humanist-sans (Helvetica Now) for tiny, uppercase navigation labels. The layout is borderless and full-bleed, letting editorial photography dominate. Critical donts: Never use rounded corners; avoid sentence-case text; do not use medium font sizes; keep the palette strictly black and white. Use this for high-fashion, editorial, and minimalist luxury UI patterns.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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