Glein

Glein embraces a stark, high-contrast aesthetic reminiscent of black-and-white photography, presenting product with minimal visual distraction. The design prioritizes readability and directness through utilitarian custom typography and a precise, monochromatic color palette. Surfaced content often features a muted, off-white background, creating subtle depth while maintaining an overall light theme. Components are frequently borderless or use fine, dark strokes to delineate elements, emphasizing content through clear separation rather than heavy ornamentation. Layouts are structured and rectilinear, relying on robust typographic hierarchy to guide the eye. Always use Raven Black (#000000) for primary text and interactive elements to maintain high contrast and legibility. Prioritize Canvas White (#ffffff) as the base background for main content areas, reserving Warm Parchment (#ebe6dc) for subtle content block distinctions. Employ F-Grotesk for all primary headings and body text to convey a direct, sculptural presence. Utilize Maison-Neue-Mono for nav links and button labels, leveraging its monospaced character for a precise, crafted feel. Maintain hard, 0px border-radii for all buttons and interactive elements, reinforcing the sharp, architectural visual language. Structure layouts with implied grid systems and strong vertical rhythm, using minimal explicit dividers where possible. Ensure all interactive elements maintain a hover state that aligns with the Raven Black and Canvas White contrast, such as a background fill on Raven Black from a ghost element. Avoid introducing any saturated colors; the system is strictly achromatic, with no accent hues beyond brand neutrals. Do not soften edges with border-radii; all interactive elements and contained components should maintain crisp, 0px corners. Refrain from using drop shadows or heavy elevation styles; rely on color contrast and subtle background changes for layering. Do not use generic sans-serif fonts; custom F-Grotesk and Maison-Neue-Mono are essential to the brand's unique typographic fingerprint. Avoid decorative gradients or complex overlays; maintain a flat, stark aesthetic for backgrounds and surfaces. Do not break rhythm with irregular spacing; adhere to the defined base unit of 6px and derived element/section gaps. Do not use any iconography that deviates from simple, single-color line art in Raven Black or Muted Ash.