Haus Otto

This system projects an aesthetic of stark minimalism and purposeful absence, like a gallery wall with a single, monumental exhibit. It leverages extreme contrast and sparse visual elements to emphasize a singular brand presence. The visual impact is created by the massive, centrally-aligned, uppercase sans-serif typography on an absolute white canvas, demanding full attention without clutter. Prioritize extreme visual contrast: #000000 text on #ffffff backgrounds, or vice-versa, for all core content. Use Monument-Medium at a monumental scale (216px) with tight letter-spacing (-0.033em) for key brand or section headings, ensuring singular visual impact. Maintain a strict achromatic palette, introducing Desert Ochre (#af7653) only for minimal accentuation on extremely low-prominence elements. Employ the 4px base unit for all spacing, particularly in elemental gaps, using tokens like 3px, 4px, 5px, 8px, 12px, 20px, 30px. All interactive elements, including buttons, must appear as sharp, unrounded rectangles, reinforcing a precise and unembellished aesthetic. Implement the 13px Monument-Regular type for all body copy and navigation, maintaining consistency and an understated, informational tone. Avoid decorative elements like shadows, gradients, or complex borders; the design relies on purity of form and stark contrast. Do not introduce additional saturated colors beyond the very limited use of Desert Ochre (#af7653); maintain the monochrome discipline. Never use rounded corners on any element; all shapes must be rectilinear, reflecting rigidity and structure. Refrain from using bold or heavy font weights; the visual weight is achieved through size and contrast, not typographic emphasis. Do not deviate from the specified tight letter-spacing for display typography or normal letter-spacing for body text; typographic precision is key. Avoid complex layouts or multi-column grids that would dilute the singular focus; prefer centered or directly aligned compositions.