
Preview image. Unlock full-res
High-contrast monochrome canvas.
WGSN's visual system evokes a precise, authoritative environment through high-contrast typography and a stark monochrome palette. Information is presented on a clean white canvas, punctuated by dark, almost black, interactive elements. The design prioritizes clear communication and efficient navigation, using compact components and minimal decorative flourishes. Large, impactful headlines command attention, while subtle gray text provides supporting details, establishing a clear visual hierarchy. Use DM Sans exclusively for all typography, leveraging its weights and responsive letter-spacing for hierarchy. Maintain high contrast ratios for text and interactive elements. Against Canvas White (#ffffff), use Ink Black (#000000) or Button Solid Black (#212121). Apply a 40px border-radius to all interactive buttons and navigation elements for a consistent soft pill-shape. Utilize Fog Gray (#f5f5f5) sparingly for subtle surface distinction on cards and input fields, never for primary background. Ensure section gaps between content blocks are consistent, defaulting to elementGap (18px) or sectionGap (32px) for major divisions. Use Steel Gray (#666666) for secondary informational text, not for primary content or interactive labels. Adopt the maximum page width of 1370px for all main content, centered on the screen. Avoid using box-shadows for elevation; rely on background color changes or subtle borders for visual layering. Do not introduce new colors; adhere strictly to the monochrome palette with its specific gray values. Do not deviate from the defined border-radii; 40px for buttons, 16px for cards, and 8px for inputs are fixed values. Avoid decorative gradients; the system is flat and high-contrast. Do not use highly saturated brand colors. The visual system does not rely on typical chromatic accents. Do not use overly dense text blocks without appropriate contrast; prioritize readability with varied text weights and colors. Avoid complex overlapping elements; maintain a clean, organized, and explicit separation of components.









