099

099, dark-mode, monospace

Preview image. Unlock full-res

Terminal aesthetic, digital workbench. The UI feels like a high-contrast monospaced terminal environment for creative tools.

This design system presents as a 'digital workbench' – dark, stark, and highly organized, creating an atmosphere of focused, technical precision. The reliance on extreme achromatic contrast combined with a monospace system font defines its aesthetic, making it feel less like a brand and more like an interface for a command-line tool. Sharp 10px corner radii on interactive elements provide a subtle softening against the otherwise rigid grid, allowing functional elements to feel grounded yet approachable. Use Midnight Oil (#000000) as the primary page background color across all layouts. Always use the Soehne Mono font at 16px weight 400 for all text elements. Apply 10px border-radius to all interactive components like buttons, cards, and input fields. Maintain a clear visual hierarchy by limiting text colors to Ghost White (#ffffff) for primary information and Dim Gray (#888888) for secondary details. Ensure generous spacing: a minimum of 16px between elements and 26.5px internal padding for information cards. For content blocks, apply Steel Gray (#1d1d1d) for explicit background distinction, maintaining a 10px radius. Do not use any chromatic colors; visuals must remain strictly achromatic. Avoid box shadows or complex elevation; depth is created through varying shades of gray and explicit borders. Do not introduce any additional font families; exclusively use Soehne Mono. Do not use border-radius values other than 0px or 10px. Do not vary line-height significantly from the base 1.2 or 1.4 for readability, especially on long blocks of text. Do not use images or graphics that break the high-contrast, dark mode aesthetic; ensure all visuals integrate seamlessly.

More like this