A curated gallery of a premium heritage lifestyle brand
02
Color
#181818Ink
#FFFFFFBG
#F7F7F7BG quiet
#E4E4E4Muted
rgba(228, 228, 228, 1.0)Line
Stark monochrome palette relying on deep blacks, clean whites, and subtle grays to maximize the impact of editorial photography.
03
Typography
geometric-sans · neo-grotesque-sans
display14px · 400
body14px · 400
caption10px · 400
Heavy use of uppercase for brand identity, navigation, and interactive labels · Generous tracking applied to all text sizes for a premium feel · Clean, wide-set typography paired with full-bleed photography
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Strict spacing system with generous margins within modal and header to allow breathing room.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
Extremely minimal borders used only for separating distinct elements like input fields, buttons, and menu dividers.
06
Layout
1440container
12columns
24pxgutter
768 / 1024breakpoints
Full-bleed immersive photography with a centered, fixed header overlay, interrupted by large, clean rectangular modals.
07
Motion & Interaction
200msmicro
400mssmall
500msmedium
cubic-bezier(0.455, 0.03, 0.515, 0.955)easing
Smooth fade and transform transitions for modal appearances · Linear sliding animations for secondary UI elements
Subtle opacity shifts or simple color inversions on interactive text and icons. · Immediate tactile feedback through clean state changes.
08
Components
buttonClean, rectangular buttons with solid black fills for primary actions, stark white backgrounds with black borders for secondary actions.
cardNot visible in the primary view, but implied to be grid-based and borderless based on editorial styling.
chipNot present.
inputSimple, border-bottom only input fields.
heroFull-bleed cinematic video or photo hero with a fixed header overlay featuring the brand name and minimal navigation icons.
09
Voice & Don'ts
ToneRefined, premium, and intentionally understated.
HeadlinesAll-caps, tracked-out, concise, and highly structured.
CTAsDirect, uppercase, and functionally clear.
don't use rounded corners — screenshot shows sharp, rectangular UI elements like buttons and modals
Captured from the live site · real computed styles
11
System prompt
Design a premium e-commerce site with a heavy editorial focus. Use a strict monochromatic palette of deep blacks (#181818), crisp whites (#FFFFFF), and subtle grays (#E4E4E4) to let full-bleed photography lead the experience. Typography should rely heavily on clean, geometric and neo-grotesque sans-serifs, frequently utilizing uppercase and generous letter-spacing to convey luxury. Key interactions and buttons should be stark, rectangular, and minimal. Critical donts include avoiding rounded corners, saturated colors, playful typography, and heavy drop shadows to maintain a refined, gallery-like atmosphere.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.