Preview image. Unlock full-res
Deep-space command center. A shimmering violet expanse punctuated by crisp text and glowing 3D objects.
This design system is a deep-space exploration vehicle, navigating the cosmos with subtle ambient light. The rich, desaturated violet background creates an immediate sense of depth and luxury, providing a canvas for crisp typography and controlled luminance. Geometric 3D illustrations serve as glowing constellations, guiding the user through an experience that feels both futuristic and intimately crafted. Typography plays a central role; the elegant Sang Bleu display font is an immediate visual signature.
Prioritize Nebula Violet (#271a47) for backgrounds to maintain the deep and immersive atmosphere.
Use Stardust Shimmer (#dbc9ff) as the primary text and interactive element color for high contrast against dark elements.
Employ Sang Bleu (substitute Playfair Display) for all display-size headlines (42px, 80px, 120px) to establish brand identity.
Ensure all interactive components like buttons and links use either 20px or 30px border-radius, maintaining a soft, approachable feel.
Utilize Galactic Gold (#bc994e) sparingly for secondary links or subtle accent details, preventing visual noise.
Maintain a compact density with element gaps typically at 4px, 10px, or 15px to keep content focused.
Avoid using bright or overly saturated colors that would disrupt the muted, celestial palette.
Do not introduce sharp, angular radii on interactive elements; favor the established 20px or 30px curves.
Refrain from heavy drop shadows or glows; depth is primarily achieved through color layering and 3D illustration rather than strong elevation.
Do not use generic system fonts for headlines; the distinctiveness of Sang Bleu is paramount for brand recognition.
Avoid large, open areas of white or light backgrounds; the dark theme is central to the visual identity.
Do not mix 'Inter' with 'Sang Bleu' in body text or for secondary labels; their roles are strictly separated.
