Preview image. Unlock full-res
Minimalist gallery wall. Expansive white space showcasing precise typography.
This design system projects a minimalist, architectural elegance, akin to a meticulously curated art gallery catalog. The entire canvas is dominated by near-white surfaces, punctuated by sharp, precise typography. The interplay between large, airy negative space and understated text creates an atmosphere of intellectual sophistication, privileging content and clarity through extreme visual restraint. Typography, particularly the highly varied letter-spacing and custom fonts, is the primary expressive tool.
Prioritize Canvas White (#ebebeb) for all primary backgrounds to maintain the airy, spacious aesthetic.
Use Roobert with variable letter-spacing for all navigation, body text, and most headings. Ensure letter-spacing values like -0.05em at 225px and -0.01em at 45px are applied correctly.
Apply Charcoal Text (#1c1c1c), Ink Black (#000000), or Deep Graphite (#232323) for all primary text elements to ensure high contrast.
Employ Harmond 400 at 180px with -0.03em letter-spacing for singular, impactful display elements.
Utilize a baseline elementGap of 2px for granular spacing adjustments between inline elements.
Maintain the generous sectionGap of 40px to create significant visual breathing room between content blocks.
Avoid using saturated colors; the palette is strictly achromatic to maintain visual precision.
Do not introduce shadows or complex border treatments; the aesthetic relies on flat surfaces and clean lines.
Refrain from deviating from the defined lineHeight and letterSpacing values for typography as they are critical to the system's character.
Do not use generic system fonts; Roobert, Roxborough CF, and Harmond are core to the brand's typographic identity.
Avoid dense, information-heavy sections; prioritize whitespace and singular focal points.
Do not use radius values other than the specified 10px, or 0px for sharp edges.
