Design System
An ethereal design language inspired by the infinite depths of space. Nebula gradients, twinkling stars, and celestial wonder.
Navigation
Frosted glass navigation with celestial accents. Guiding users through the cosmic interface.
01 / Colors
Colors drawn from the depths of nebulae, the glow of distant stars, and the aurora dancing across cosmic horizons.
02 / Typography
Cormorant Garamond brings elegant, timeless beauty for display text. Lexend provides clean, readable body copy for the modern cosmos.
03 / Spacing
A 4px base unit creates harmony across the interface. Like orbital distances, each step doubles to create visual rhythm.
04 / Buttons
Interactive elements with aurora gradients and cosmic glows. Each button pulses with stellar energy.
05 / Forms
Input fields with subtle cosmic glow on focus. Collecting data from across the galaxy.
06 / Cards
Information vessels floating in the void. Frosted glass reveals depth while celestial accents guide attention.
Chart your course through the cosmos with precision star mapping and real-time celestial positioning.
Featured expeditions to the most breathtaking nebulae. Witness the birthplaces of stars.
Advanced observatories scanning the depths of space. Data flowing from the edge of the universe.
07 / Badges
Small celestial markers communicating state and classification.
08 / Tables
Structured cosmic data displayed in clean, scannable rows.
| Star ID | Name | Type | Distance | Status |
|---|---|---|---|---|
| CS-001 | Sirius | Binary Star | 8.6 ly | Visible |
| CS-002 | Betelgeuse | Red Supergiant | 700 ly | Variable |
| CS-003 | Proxima Centauri | Red Dwarf | 4.2 ly | Nearest |
| CS-004 | Vega | White Dwarf | 25 ly | Monitoring |
09 / Progress
Aurora-gradient progress bars tracking cosmic journeys.
10 / Alerts
Notifications from across the cosmos.
Philosophy
The guiding stars of cosmic design.
Deep, dark backgrounds create infinite depth. Let negative space breathe like the vacuum between stars.
Every interactive element radiates with subtle luminescence. Light emerges from darkness like stars in the night sky.
Animations are slow and graceful, like celestial bodies drifting through space. Nothing is jarring in the cosmos.
Layered gradients and backdrop blur create atmosphere. Each element exists at its own depth in the cosmic canvas.
Elegant serif typography evokes the eternal. The cosmos predates us and will outlast us all.
Every interaction should inspire awe. The universe is vast and beautiful beyond comprehension.