Skip to content
Library

Acne Studios. A fashion magazine laid flat on marble.

  • Commerce
  • Light theme
  • 5 colors
  • 3 typefaces

Acne Studios operates as a digital fashion magazine rather than a conventional storefront: white canvas, full-bleed editorial photography, and almost no UI chrome. The entire page reads as curated art-direction — product images sit edge-to-edge in tight grids, and the only typographic punctuation is tiny uppercase labels with generous letter-spacing. The signature electric cobalt (#0018a8) is used sparingly on links and interactive accents, never as a filled button, letting the photography own attention. Components are deliberately weightless: no shadows, no card surfaces, no rounded containers, no decorative borders. Space between elements does the structural work that elevation does elsewhere.

Screenshot of Acne Studios
Captured from acnestudios.com on October 11, 2026

Acne Studios design system

Acne Studios

Brand1

  • Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Neutrals4

  • Primary text, logo wordmark, icon strokes, nav labels, and footer copy. Used at 21:1 contrast on white for absolute legibility

  • Supporting neutral for secondary UI, dividers, and muted labels.

  • Subtle box-shadow tint and hairline border for elevated overlays. Used minimally — the system prefers whitespace to tinted surfaces

  • Page canvas, product card backgrounds, and nav bar surface. The dominant ground that lets editorial photography breathe

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper White on Electric Cobalt

12.38 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.