12th Berlin Biennale for Contemporary Art

The 12th Berlin Biennale design system evokes an underground gallery experience: stark black and white punctuated by a vivid violet and subtle muted violet. Typography is compact and precise, often with tight letter-spacing, contrasting against large, bold elements or ample negative space. Components are lightweight with minimal elevation, focusing on clear functionality through high-contrast text against clean surfaces. The interface relies on hard edges and distinct blocks of color for rhythm, avoiding gradients or complex shadows. Always use Midnight (#000000) for primary text on Canvas (#ffffff) backgrounds to ensure AAA contrast. Apply Vivid Violet (#7373ff) as the primary accent color for active states, link underlinings, and outlined buttons. Maintain a compact typographic density with ABCMonumentGroteskWeb, utilizing tight letter-spacing (-0.0100em for large headings) to create an architectural feel. Use a default border-radius of 3px for most interactive elements, transitioning to 5px for primary buttons and 7px for cards and inputs. Structure layouts with a maximum content width of 1069px, centered, allowing ample negative space around content blocks. Employ Midnight (#000000) and Canvas (#ffffff) as core background colors, with Fog (#f2f2f2) and Ash (#e7e7e7) for subtle background differentiation in lists and navigation. Ensure all interactive elements have a clear visual feedback using Vivid Violet (#7373ff) for borders or text, especially for ghost or outlined components. Avoid complex gradients or multi-color shadows; the design relies on flat colors and minimal elevation. Do not introduce new typefaces; adhere strictly to ABCMonumentGroteskWeb and BradfordLLSub. Do not use overly large line-heights for body text; aim for compact information presentation. Do not deviate from the established radius values; specific radii like 5px for buttons and 7px for cards are part of the brand identity. Do not use highly saturated colors other than Vivid Violet (#7373ff) for UI elements; maintain a largely monochromatic palette with a single dominant accent. Avoid heavy borders or solid backgrounds on cards; rely on subtle background shifts and corner radii for visual separation. Do not use decorative background patterns or textures; surfaces should remain clean and uniform.