Navigate by the Stars

Chart your course through the cosmos. A celestial guide to the wonders above, where every constellation tells a story written in ancient starlight.

Begin Your Journey
🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘

Elegant Serifs & Ethereal Sans

timeless elegance, astronomical precision, celestial grace

Display / Cinzel

Cosmic Dawn

Heading / Cormorant Garamond

Starlight Manuscripts & Celestial Charts

Subheading / Philosopher

Mystical Wisdom Among the Spheres

Body / Raleway

Clean and refined sans-serif text for comfortable reading. Delicate strokes complement the ethereal atmosphere of the night sky, bridging modern usability with timeless elegance.

Quote / Cormorant Garamond Italic

"The cosmos is within us. We are made of star-stuff."

Label / Raleway Uppercase

Constellation • Lunar Phase • Nebula

Type Scale

5rem Aa
2.5rem Aa
1.6rem Aa
1.25rem Aa
1rem Aa
0.75rem Aa

Font Pairings

Cormorant Garamond + Raleway
Classical celestial elegance with refined readability

Cinzel + Raleway
Monumental inscriptional display with airy body

Philosopher + Raleway
Mystical character headings with lightweight body


Deep Cosmos & Celestial Light

midnight depths, starlight silver, celestial gold & nebula hues

Cosmic Void
#0B0D1A
Midnight Navy
#111836
Deep Indigo
#1A1F4E
Astral Purple
#2A1B3D
Nebula Plum
#3D1C5C
Constellation Blue
#3A5BA0
Twilight Lavender
#8E7CB8
Stardust Silver
#C5C6D0
Moonbeam
#E8E4F0
Celestial Gold
#D4A843
Starlight
#F0E6C0
Aurora Teal
#4EC6C1
Nebula Rose
#C77DBA
Iridescent Lilac
#B8A9E8
Meteor Ember
#D4764E
🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘

Celestial Pathways

frosted glass, luminous borders & cosmic depth

🌙

Lunar Cycles

Track the moon through its phases -- from the dark stillness of the new moon to the luminous fullness that lights the night. Each phase carries meaning, rhythm, and intention.

Moon Cycles

Star Maps

Explore constellation charts that have guided travelers for millennia. Each pattern of stars holds ancient stories of heroes, creatures, and cosmic forces etched across the sky.

Navigation Charts
🌌

Nebula Gallery

Witness the breathtaking beauty of stellar nurseries and cosmic clouds. Nebulae paint the universe in iridescent hues of purple, gold, and teal that defy imagination.

Nebula Iridescent
🔭

Observatory

Peer through the lens at distant galaxies and wandering planets. The observatory bridges the ancient tradition of stargazing with modern astronomical precision.

Telescope Discovery
☄️

Meteor Showers

Witness streaks of light painting ephemeral trails across the darkness. Meteor showers remind us of the cosmic debris that connects our atmosphere to deep space.

Meteor Transient
🌍

Planetary Orbits

Follow the graceful elliptical paths of planets as they trace their eternal journeys around the sun. Orbital mechanics reveal the hidden geometry of the cosmos.

Orbit Geometry

CSS Celestial Techniques

all the cosmic atmosphere, no image assets needed

Star Field

Scattered radial-gradient dots of varying size and opacity simulate a deep starfield across the night sky.

Nebula Gradient

Overlapping elliptical gradients in indigo, plum, and rose create atmospheric depth like a galactic cloud.

Iridescent Shimmer

A rotating multi-color gradient on a pseudo-element produces a shifting prismatic shimmer effect.

Gold Halo

Radial gradients with layered box-shadows create a pulsing celestial halo reminiscent of distant stars.

Constellation Map

Radial-gradient star points with thin connecting line gradients form constellation-like patterns.

Aurora Waves

Animated elliptical gradients in teal, lilac, and rose drift to simulate the northern lights.

🌕 ✨ 🌕 ✨ 🌕

Celestial Buttons

luminous, rounded & softly glowing


"We are all in the gutter, but some of us are looking at the stars."
-- Oscar Wilde

Ready to explore the cosmos?

Join stargazers and cosmic dreamers charting new constellations in the digital sky. Let the stars guide your next design.

Chart Your Stars