
Preview image. Unlock full-res
Minimalist digital console.
This design system presents a stark, high-contrast digital interface. Dominated by deep black backgrounds and crisp white text, it leverages an accent orange purely for subtle guidance and status. Interaction elements are clearly defined by white outline borders, maintaining the minimalist aesthetic. Typography combines a structured, technical display font with a more flexible body font to create hierarchy within this constrained palette. The overall impression is one of precise control and focused functionality within a dark, almost console-like environment. Maintain a primary contrast ratio of Ghost White (#ffffff) text on Midnight Void (#000000) backgrounds. Use IPM font only for headlines and large display text, applying -0.0200em letter-spacing. Apply 10px border-radius to all buttons and similar interactive containers. Ensure horizontal and vertical spacing around main content blocks respects the 'spacious' density, with section gaps between 156px and 280px. Define interactive elements with a 2px Ghost White border over a Midnight Void background. Reserve Accent Orange (#ff5c00) for subtle instructional text or small, non-primary highlights. Use Muted Ash (#666666) exclusively for secondary, low-prominence text, like helper or descriptive labels. Do not introduce new background colors; maintain the #000000 dominant canvas. Avoid using bold or heavy font weights; the system relies on lighter weights for a structured feel. Do not deviate from the outlined button style; avoid solid filled buttons. Prevent excessive use of Accent Orange; it is a highlight, not a primary color. Do not overcrowd sections; the design relies on spacious layouts and generous use of negative space. Avoid decorative imagery that breaks from the stark, high-contrast aesthetic; prefer purely functional or technical visuals. Do not use letter-spacing on neue-haas-grotesk-display or Arial; only IPM headlines feature tracking.









