SpatialChat

This design system projects a feeling of modern clarity and understated robustness, achieved through a stark contrast of dark text on clean white surfaces, accentuated by a single vibrant violet. The generous use of space and subtle elevation creates a breathable, organized interface. Rounded corners on interactive elements and cards introduce an approachable softness to an otherwise precise and functional aesthetic. Use Deep Space Charcoal (#030712) for all primary headings and key text to maintain visual impact. Apply Majestic Violet (#5727e7) exclusively to primary call-to-action buttons and critical interactive elements. Prioritize Absolute Zero (#ffffff) for all main backgrounds and card surfaces to ensure visual spaciousness. Maintain 12px border radius for all buttons and image containers, with 8px for badges and inputs, and 16px for cards. Utilize Clear Shadow Subtle (rgba(0,0,0,0.06) 0px 1px 2px 0px) for buttons or very light elevation, and Large Shadow Subtle (rgba(0, 0, 0, 0.06) 0px 4px 28px 0px) for cards for visible yet soft depth. Employ Satoshi font with normal letter spacing across all text for a consistent, accessible typographic voice. Do not introduce additional vibrant colors; the system relies on a focused palette of neutrals and a single Majestic Violet accent. Avoid using hard, sharp corners; all interactive and container elements should adhere to the established radii. Do not deviate from the Satoshi typeface or its specified weights; it is the brand's sole typographic identity. Refrain from heavy, dark shadows; elevation is achieved through subtle, light shadow effects. Do not cluster elements without adequate spacing; maintain generous internal padding (12px, 15px) and external spacing (16px, 24px) for visual comfort. Do not use highly saturated colorful icons; all icons should be achromatic or carry the Majestic Violet accent.