Rubenwyttenbach

Rubenwyttenbach expresses a minimalist, high-contrast aesthetic where imagery reigns supreme. The design relies on expansive black canvases and crisp white typography, creating a gallery-like experience. Text is sparse, acting as precise labels or subtle navigation, while large initial letters hint at an editorial, artistic sensibility. Elements are subtly framed or bordered, emphasizing clean lines and negative space. Use Canvas Black (#0a0a0a) for most page backgrounds and Text Black (#000000) only for small accent details like dots and icons. Set typography in Kern-Regular (or Arial as substitute) at weight 400 for all text, varying size and letter-spacing to establish hierarchy. Apply Paper White (#ffffff) for all main textual content to ensure strong contrast against the dark Canvas Black backgrounds. Employ a 1px border using Canvas Black or Paper White to create framing around interactive elements, images, or text on hover/active states. Establish horizontal rhythm using 118px marginLeft and marginRight for content blocks, providing significant negative space. Leverage large initial characters (98px or 173px) with negative letter-spacing for editorial or section headings, making them prominent visual elements. Maintain a compact element spacing of 6px for immediate proximity between related items, contrasting with larger section gaps. Avoid using multiple font weights or families; the system relies on a single consistent font at one weight. Do not introduce highly chromatic colors; the palette is strictly achromatic, with black, white, and near-black dominating. Refrain from using strong shadows or gradients; the design aesthetic is flat, emphasizing clean lines and stark contrasts. Do not fill buttons with solid colors; interactive elements should primarily use outlined or ghost styles, often with 1px borders. Avoid decorative imagery that competes with primary content; graphics should be minimal icon-like objects (e.g., dots) or photography presented without heavy manipulation. Do not break the visual rhythm with inconsistent component padding; adhere to 11px general padding, sometimes extended at the bottom to 173px for specific elements. Do not use generic border-radii; adhere to the specific 2px for general elements and 50px for perfectly circular small elements.