Spacelab

Spacelab

Preview image. Unlock full-res

Architectural blueprint on white marble

Industrydesign
Palette
#ffffff
#000000
#2c2222
#b2b4b1
#495472

Spacelab employs a stark, high-contrast visual language reminiscent of architectural blueprints or gallery spaces. Typography is critical, with a single, highly legible sans-serif used across all scales, grounding the design in clarity and precision. The visual field prioritizes ample negative space; elements are sparsely distributed, creating a sense of calm and order. A single muted violet-blue serves as the primary accent, providing a deep, grounding touch of color against an otherwise achromatic palette of black, white, and subtle grays. Component styling is minimalist and functional, relying on sharp edges and direct expression rather than ornamentation. Prioritize Canvas White (#ffffff) as the dominant background, creating an expansive, gallery-like canvas for all content. Use Ink Black (#000000) for primary headings and prominent text elements to ensure high contrast and visual weight. Apply Deep Violet (#495472) exclusively for primary interactive elements like button backgrounds and active states, making actions deliberate and distinct. Maintain sharp, unrounded corners (0px radius) for all primary components like buttons and cards, reinforcing a precise, architectural aesthetic. Employ a consistent 21px elementGap and cardPadding for horizontal and some vertical spacing, establishing a clear and comfortable rhythm. Use Helvetica Neue 400 across all typographic elements with a consistent 0.0110em letter-spacing to ensure legibility and a unified, refined voice. Integrate Stone Gray (#b2b4b1) for less prominent text, inactive links, or subtle decorative lines to provide visual texture without competing with primary content. Avoid using rounded corners on any primary interactive elements or content containers; the system is defined by its sharp, clean edges. Do not introduce additional chromatic colors beyond the established Deep Violet (#495472) as the primary brand accent, to maintain a minimalist palette. Refrain from using shadows or gradients on interactive elements or surfaces; the design relies on flat, direct visual communication. Do not increase letter-spacing beyond 0.0110em for any text, as the system relies on tight, controlled typography for its crisp appearance. Avoid dense UI layouts; maintain generous negative space around elements and between sections to emphasize clarity and breathability. Do not use decorative background patterns or expressive textures; the design values clean, solid surfaces and high contrast. Avoid mixing typefaces; the design relies on the singular, precise character of Helvetica Neue for all textual expression.

More like this