Preview image. Unlock full-res
Deep Space Command Center. A dark, expansive digital environment where critical data is precisely displayed and interactive elements glow with focused purpose.
This system projects an aura of understated power and technical mastery, like a high-end server silently performing complex operations. Dark, expansive backgrounds (#0D0E12) provide an immersive canvas for crisp white typography (#EFEFF1), creating a high-contrast experience that is clear without being harsh. Strategic use of a vibrant blue (#2B89FF) and subtle internal gradients (#FF8791 to #F9B571, #6C81FF to #C08DFF) on data visualizations and interactive elements provides dynamic focal points against the deep, calm palette. Softly rounded corners (4px, 5px) on interactive elements add a subtle touch of approachability to an otherwise precise and rigorous aesthetic. Use Midnight Core (#0D0E12) as the primary background color for all main content areas. Apply Inter (system-ui) for all body text at 16px weight 400 with a line-height of 1.69, in Silver Text (#EFEFF1). Employ Hashicorp Sans at 82px weight 700 with letter-spacing -0.01em for all main display headings. Reserve the Interactive Blue (#2B89FF) for all primary interactive elements like call-to-action buttons and active links. Ensure input fields use a 5px border-radius and a #616875 border, with #0D0E12 background. Maintain a clear visual hierarchy using high contrast typography: #EFEFF1 on #0D0E12, and #3B3D45 on #FFFFFF. Use 5px border radius consistently for all buttons and badges for a unified interactive element feel. Do not use box shadows for general content cards; maintain a flat, layered surface aesthetic for non-interactive elements. Avoid introducing additional saturated colors outside of the defined Brand and Accent groups; keep the palette disciplined. Do not use generic system fonts for display headings; Hashicorp Sans with its unique letter-spacing is crucial for brand identity. Disperse or combine interactive blue (#2B89FF) with neutral gray text; it must stand out clearly as an action indicator. Do not deviate from the specified type scale and line-heights; optical adjustments for headings are baked into Hashicorp Sans letter-spacing.
