SpaceX

SpaceX, dark mode, dark-mode

Preview image. Unlock full-res

Deep Space Command. A minimalist, dark-mode interface designed for high-stakes, information-dense environments, where every pixel counts.

This system projects an aura of ambitious precision, like a mission control screen against the vastness of space. The stark black background, illuminated by near-white text and subtle, dark-gray interactive states, creates a sense of focused technological endeavor. Typography is paramount, with hyper-legible, widely-tracked sans-serifs conveying information with clarity and a deliberate, almost uniform weight. Prioritize 'Midnight Void' (#000000) for backgrounds and 'Lunar Dust' (#f0f0fa) for primary text to maintain stark contrast. Use D-DIN for all body text, navigation, and buttons, with D-DIN-Bold exclusively for hero headings at 48px. Apply a 0.09em or 0.10em letter-spacing to D-DIN text to enforce a deliberate, spacious feel. Utilize 20px horizontal padding for most interactive elements and buttons, such as the Ghost Primary Button. Ensure all interactive buttons feature a 4px radius unless specifically designed as a 'Pill Accent Button' (32px radius). Employ Obsidian Blend (rgba(0, 0, 0, 0.5)) for backgrounds of primary action buttons, providing a subtle interactive layer. Avoid using highly saturated colors; maintain a monochromatic palette with only a hint of transparent Lunar Dust for subtle accents. Do not deviate from the D-DIN font family for any text elements; custom fonts are a core identifier. Never use drop shadows or complex elevation schemes; depth is created through background changes and subtle borders. Do not use generic button styles; always apply either the 'Ghost Primary Button' or 'Pill Accent Button' specifications. Avoid tight letter-spacing for standard text; the liberal use of letter-spacing is a signature choice. Do not introduce gradients or complex background imagery in areas where text readability is paramount.

More like this