Spatial UI Aesthetics, Palettes & Typography

Formulating curated luxury dark themes, typography hierarchy, contrast ratios, and Euclidean color distance swatch filtering.
Published: 7/10/2026

Visual aesthetics are vital in spatial web applications. Premium 3D configurators rely on sleek, dark-mode glassmorphic aesthetics that accentuate the illuminated 3D scene materials and metallic shaders.

The Aircada Aesthetics specification defines primary brand accents, secondary/muted tones, deep background surfaces (#0A0A0A), glass card backgrounds (#141414 with backdrop blur), active highlight colors, and crisp border styling.

Typography hierarchy utilizes modern sans-serif and mono fonts (e.g. Inter, Outfit, JetBrains Mono) with balanced weights and high-contrast text rendering.

  • Curated Dark Mode: Deep void backgrounds (#0A0A0A to #09090B) create high contrast against realistic PVD gold and chrome reflections.
  • Glassmorphism Tokens: Translucent dark surfaces (bg-zinc-950/80 with border-zinc-800) give spatial depth without blocking scene lighting.
  • Euclidean Swatch Deduplication: Color extraction algorithms filter similar hex values (< 45 Euclidean distance) to keep brand palettes punchy.
  • Defensive Normalization: Aesthetics components must safely handle flat vs nested palette structures without throwing undefined runtime errors.