Preview image. Unlock full-res
Gallery Wall of Luxury — crisp white walls, perfect lighting, and all attention drawn to the curated pieces within.
This design system projects an image of understated luxury and clarity, functioning as a high-end catalogue. Its visual identity is defined by a rigorous absence of ornamentation: no rounded corners, no shadows, and a near-monochromatic palette. The stark black and white contrast ensures maximum legibility for product names and prices, while a generous use of negative space around imagery elevates each item. Functionality and navigation are prioritized through minimal but distinct interactive elements, allowing the curated product visuals to dominate the user's attention. The uniform straight edges and deliberate lack of visual flair ensure content takes center stage, like a gallery.
Prioritize Polar White (#ffffff) backgrounds with Raven Black (#222222) text for maximum contrast and legibility.
Use Farfetch Basis font at weight 400 for all body copy and weight 700 for headings, maintaining a consistent typographic voice.
Apply 0px border-radius to all interactive elements, cards, and containers to reinforce the sharp, precise aesthetic.
Utilize 16px padding for internal content within cards and 48px vertical spacing between major sections for comfortable density.
Maintain a monochromatic palette, using Ash Gray (#b6b6b6) only for secondary text or disabled states, never as an accent.
Do not introduce shadows or any form of elevation (box-shadow) on any component; depth is created through content hierarchy and color contrast.
Avoid using any colors outside of the defined neutral palette; no brand or accent colors are present, maintaining a strict, minimalist approach.
Do not use border-radius values greater than 0px on any element, as this clashes with the sharp, rectilinear visual style.
Refrain from varying letter-spacing; all text uses normal letter-spacing.
Do not use gradients; the design relies on solid colors and sharp transitions.
