CURATED · OPEN · FREE

Everlane

Clean, minimal aesthetic focused on high-quality photography and typography with a neutral palette.

ecommerceminimal

↓ Download design system (75 MB)Open in OpenDesign

Visit: https://www.everlane.com

📦 Browse pack contents →

Identity DNA

transparencyradical transparencyminimalessentialtimeless

A curated gallery of essential garments

Color

#121212Ink

#4C4C4CInk soft

#FFFFFFBG

#F8F6F5BG soft

#EFEFEFBG quiet

#737373Muted

rgba(18, 18, 18, 0.1)Line

Neutral palette with photography providing the primary visual interest.

Typography

grotesque-sans · monospace

display56px · 400
heading24px · 400
body16px · 400
small12px · 400

All primary text is uppercase with generous letter-spacing.

Spacing

4px

8px

12px

16px

20px

24px

32px

48px

64px

96px

Consistent use of a 4px base unit for spacing.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

Minimal, mostly 1px solid borders for subtle separation.

rgba(0, 0, 0, 0.15) 0px 4px 20px 0px

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Grid-based layout with generous white space.

Motion & Interaction

100msmicro

200mssmall

400msmedium

cubic-bezier(0.37, 0.01, 0, 0.98)easing

Subtle opacity transitions for hover states · Font-size transitions for interactive elements

Subtle opacity reduction on text and image elements. · Standard pointer cursor on interactive elements.

Components

button Minimal text-based buttons with uppercase text and generous letter-spacing.
card Simple rectangular cards with clean photography and minimal typography below.
chip Simple text chips with uppercase text.
input Minimal text inputs with subtle bottom borders.
hero Full-width photographic hero with overlaid text and a call to action.

Voice & Don'ts

Tone Confident, minimal, and direct.
Headlines Short, punchy, all-caps statements.
CTAs Action-oriented, uppercase text.

Don't use decorative or script fonts — screenshot shows a clean, geometric grotesque sans-serif.
Don't use rounded corners on cards or containers — screenshot shows sharp, rectangular edges.
Don't use bright, saturated accent colors — screenshot uses a strict neutral palette of black, white, and grays.
Don't use heavy drop shadows or complex 3D effects — screenshot shows minimal, subtle shadows.
Don't use center-aligned text for body copy — screenshot shows left-aligned or centered only for headlines.
Don't use lowercase for navigation and section headers — screenshot shows all-uppercase text with wide letter-spacing.
Avoid: Avoid overly decorative fonts.
Avoid: Avoid bright, saturated colors in the UI.
Avoid: Avoid cluttered layouts or excessive visual elements.

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a premium, minimal e-commerce site for a modern clothing brand. The design DNA is built on a strict neutral palette of white (#FFFFFF), off-white (#F8F6F5), and near-black (#121212). Typography is a clean grotesque sans-serif, used almost exclusively in uppercase with wide letter-spacing for navigation and headings. Layout is grid-based with generous white space, allowing high-quality photography to dominate. Key critical donts: do not use bright accent colors, do not use decorative fonts, and do not use rounded corners on major components. The overall feel is restrained, premium, and focused on product photography.

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