Soulwire

Soulwire

Preview image. Unlock full-res

midnight command center behind frosted glass

Industrydesign
Palette
#16191b
#e2e6e8
#ffffff
#000000

Soulwire adopts a 'digital console' aesthetic, using a dark, monochromatic canvas as a backdrop for highly legible fixed-width typography. Information is presented with a developer-centric precision, featuring sparse layout and a muted, almost clinical color palette. The system emphasizes clear textual hierarchy and functional, unadorned elements, where interactions are highlighted by subtle shifts in text color rather than heavy graphic adornments. Use Console Background (#16191b) as the base for all page backgrounds and primary surfaces. Apply Roboto Mono with 0.1500em letter-spacing for all textual content to maintain the code-like aesthetic. Ensure all primary text (headings, body, interactive elements) uses Primary Text (#e2e6e8) for high contrast and readability. Leverage Code Block Highlight (#ffffff) exclusively for subtle emphasis or active states on textual elements within lists or code contexts. Maintain a clear visual hierarchy through variations in Roboto Mono font sizes and the strategic employment of Primary Text (#e2e6e8) vs. the darker background. Employ minimal visual adornments, relying on precise typography and spacing to structure content rather than heavy borders or backgrounds. Use 166px for section gaps and 8px for inter-element spacing to establish a consistent, compact rhythm. Do not introduce any saturated colors; the palette is strictly monochromatic and cool-toned. Avoid decorative borders, shadows, or background fills on any cards or content blocks unless explicitly defining an active state with text color. Do not use generic system fonts; Roboto Mono is central to the brand's identity. Do not deviate from the established letter-spacing of 0.1500em for Roboto Mono; it is a signature characteristic. Refrain from using varied timing functions or complex transitions; stick to ease and opacity changes for motion. Do not use heavy, display-style headings; maintain a light, technical feel even for titles. Do not exceed a page width; the content should be left-aligned within the full-bleed canvas.

More like this