Maisonmargiela

This design system evokes understated luxury and conceptual fashion, reminiscent of a high-end atelier's minimalist presentation. The dominant use of near-achromatic grays from #121212 to #f7f7f2 creates a sophisticated, muted backdrop. Typefaces are the primary vehicle for brand expression: the bespoke Margiela Sans with its numerous weights defines interactive elements and body text, while the subtly elegant Margiela Serif provides an exclusive touch to display large text. A complete absence of sharp accents or strong colors maintains a refined visual restraint, allowing product imagery to capture full attention. Do prioritize near-achromatic colors from the Greige Canvas (#f7f7f2) to Coal Text (#121212) scale for all primary UI elements and text. Do use Margiela Sans at various weights (375-700) for all functional text, headings, and interactive labels. Do apply 0px border-radius to all buttons and cards, maintaining a sharp, precise aesthetic. Do use 9999px border-radius exclusively for input fields, making them a distinct, subtly softer element. Do maintain minimal padding of 0px for navigation links, integrating them seamlessly into the header. Do use Margiela Serif for editorial content or distinctive display text to introduce an elevated, classic contrast. Do ensure interactive elements utilize the full color of Coal Text (#121212) or Deep Graphite (#000000) for clarity against lighter backgrounds. Don't introduce vivid or saturated colors outside of product imagery; the palette is strictly muted. Don't use drop shadows; the design relies on subtle background color shifts for depth. Don't apply rounded corners to any element other than input fields. Don't use generic system fonts; Margiela Sans and Margiela Serif are integral to the brand identity. Don't use heavy borders or outlines on elements; rely on text color and subtle background changes for visual separation. Don't break the tight letter-spacing for Margiela Serif at display sizes; its elegance depends on precise typography.