A high-end fashion house storefront with restrained elegance
02
Color
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.08)Line
Monochrome restraint with photography as the primary color vehicle
03
Typography
transitional-serif
display48px · 400
Headlines use classic serif typography with normal weight · Text maintains generous letter-spacing for luxury feel · Hierarchy is subtle, relying on scale rather than weight variation
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous whitespace throughout to convey luxury and breathing room
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
No visible borders; separation through whitespace only
06
Layout
1440container
12columns
24pxgutter
768 / 1024 / 1440breakpoints
Center-aligned hero with full-bleed photography below
07
Motion & Interaction
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
Subtle fade transitions between editorial sections · Parallax scrolling on product photography
Subtle opacity change on interactive elements · Immediate response with minimal feedback animation
08
Components
buttonMinimal, likely text-based CTAs with understated styling
cardClean image-forward product cards with minimal overlay text
chipRefined category filters with thin borders or underline style
inputClean search field with thin bottom border
heroFull-bleed editorial photography with serif overlay text
09
Voice & Don'ts
ToneConfident, understated, sophisticated
HeadlinesShort, declarative statements with classic serif typography
CTAsUnderstated text links rather than prominent buttons
Don't use bold saturated colors — screenshot shows monochrome palette with photography providing all color
Don't add decorative shadows or depth — screenshot shows completely flat surfaces without elevation
Don't use rounded corners on containers — screenshot shows sharp, precise geometric edges
Don't crowd elements with tight spacing — screenshot shows generous whitespace between all elements
Don't use sans-serif display typography — screenshot shows serif letterforms for the wordmark
Don't add visual noise or patterned backgrounds — screenshot shows clean solid white backgrounds
Avoid: Exclamation marks or enthusiastic language
Avoid: Loud promotional callouts
Avoid: Complex multi-word CTAs
11
System prompt
This is a luxury fashion house website positioning itself through editorial restraint and heritage credibility. The visual system uses a stark monochrome palette with pure white backgrounds and black typography, letting product photography serve as the primary color expression. Typography is exclusively transitional-serif, used at a single weight throughout for understated elegance. Critical constraints: avoid all decorative elements like shadows or rounded corners, never crowd the layout with tight spacing, and never use enthusiastic or promotional language. The design achieves premium positioning through negative space, classic serif typography, and complete avoidance of interface chrome. Every element recedes to foreground product imagery.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
