Zellerfeld

Zellerfeld's visual style is a 'concrete brutalism meets digital futurism' aesthetic. It pairs stark, unadorned typography with substantial, well-defined components, often set against a cool gray canvas. There's a deliberate lack of decorative elements, keeping the focus on solid forms and product imagery. Elevation is minimal, often relying on subtle background shifts or high-contrast borders rather than deep shadows. A single vibrant blue acts as a functional highlight, drawing attention to active states and new content. Use Roobert with a letter-spacing of -0.04em for all primary text elements to maintain a compact, engineered aesthetic. Apply 10px border radius consistently to buttons, product images, and cards for a subtly softened but deliberate edge. Reserve Electric Blue (#000aff) strictly for 'new' badges, active states, and primary call-to-action buttons to ensure maximum functional emphasis. Adhere to the 16px unit for elementGap and cardPadding to establish a comfortable yet structured density. Utilize Stone Gray (#a1a4aa) for subtle borders and placeholders, creating a tiered visual hierarchy for non-interactive elements. Establish clear visual separation between sections by using 48px for sectionGap and alternating Canvas White and Surface Gray (#ecedee) backgrounds. Incorporate Space Mono for small, numeric, or technical details, setting it apart with its monospaced character and normal letter-spacing. Do not deviate from the standardized letter-spacing of -0.04em for Roobert, as it defines the text's character. Avoid using Electric Blue (#000aff) for purely decorative elements; its purpose is functional emphasis. Do not introduce heavy drop shadows, as the system relies on subtle background shifts and high-contrast borders for depth. Do not use generic system fonts where Roobert or Space Mono are specified; the custom typography is a core brand identifier. Avoid arbitrary padding or margin values; stick to the 4px base unit and specified elementGap and cardPadding. Do not round corners excessively beyond 10px for cards and buttons, except for 30px on badges, to maintain a solid, architectural feel. Do not use highly saturated colors outside the defined accent color; the palette is primarily neutral to highlight products.