← OpenDesign CURATED · OPEN · FREE
Merit
Minimalist premium beauty brand with an editorial layout.
beauty
01
Identity DNA
minimalist effortless editorial refined
A curated magazine spread
02
Color
#000000Ink
#333333Ink soft
#FFFFFFBG
#FAF9F7BG soft
#62605EMuted
rgba(0, 0, 0, 0.1)Line
High-contrast black on white with warm, soft grays.
03
Typography
didone-serif · grotesque-sans
display 48px · 400subtitle 13px · 400body 16px · 400Didone serif for elegant display headings · Clean grotesque sans for navigation and body text · Uppercase tracking for labels
04
Spacing
4px
8px
12px
16px
24px
40px
64px
80px
generous
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid black on primary buttons
06
Layout
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
Split screen hero, standard grid for content
07
Motion & Interaction
200ms micro
400ms small
600ms medium
cubic-bezier(0.19, 1, 0.22, 1) easing
Smooth opacity and transform fades for images · Subtle linear transitions for interactive states
Subtle opacity reduction · Standard pointer
08
Components
button Understated, text-based CTA or solid black button card Borderless with edge-to-edge imagery input Simple underline or minimal border hero Full-width editorial split with large imagery and serif headline 09
Voice & Don'ts
Tone Sophisticated and direct Headlines Short, evocative serif phrases CTAs Minimalist and action-oriented Don't use bright neon colors — the palette is strictly black, white, and soft warm grays. Don't use heavily rounded corners — the design favors sharp or very subtle radii. Don't use sans-serif for display headlines — the primary headline style is an elegant didone serif. Don't create cluttered layouts — maintain significant whitespace and breathing room. Don't use drop shadows on primary elements — the design is flat and relies on typography for hierarchy. Don't use all-caps for body text — it is reserved for short uppercase labels and navigation. Avoid: Exclamation points Avoid: Sales jargon Avoid: Cluttered UI 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
Design a minimalist, premium e-commerce interface inspired by an editorial magazine spread. The layout relies on a strict black and white color palette with soft, warm off-white backgrounds. Use a didone serif for expressive headlines and a clean grotesque sans-serif for body text and UI elements. Ensure there is generous whitespace and avoid cluttering the visual field. Critical constraints: Never use drop shadows on main cards or buttons, keep interactive states subtle, and maintain the elegant, refined tone of a high-end beauty brand.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is a masterclass in restrained, premium e-commerce design, perfectly balancing functionality with a high-end editorial aesthetic.
