Ysl

This design system projects a mood of stark, high-fashion minimalism through a monochromatic palette. Visual energy stems from deep photographic imagery rather than UI ornamentation. The rigid, unforgiving aesthetic is defined by zero border radius and a strict black-and-white color scheme, creating a canvas where product photography and brand typography command full attention. Subtle spacing maintains a sense of luxury without clutter, allowing each element to breathe within a visually demanding context. Maintain a monochromatic palette of Midnight Ink (#000000) and Polar White (#ffffff) for all core UI elements. Use 0px for all border radius values across buttons, cards, and interactive elements to preserve angularity. Prioritize full-bleed, dramatic photography as the primary visual interest, allowing UI elements to recede. Employ the SaintLaurent sans-serif font family at weight 400 for all text, varying size for hierarchy. Ensure generous spacing: sectionGap of 68px and standard elementGap of 4px between smaller components. Utilize transparent backgrounds for border-only buttons unless a primary, filled action is required (Midnight Ink background, Polar White text). Avoid decorative shadows or complex gradients; rely on photography for depth perception. Do not introduce rounded corners on any UI elements; maintain sharp, crisp edges. Refrain from using any color other than Accent Blue (#007aff) for internal, non-brand specific UI signals. Do not use highly saturated colors for text or backgrounds; stick to the achromatic theme. Avoid dense UI layouts; allow ample white/black space around elements to convey luxury. Do not use multiple font families or weights outside of SaintLaurent sans-serif 400.