Explore the Solar System

Real NASA data and imagery in an interactive real-time 3D scene — planets, spacecraft and missions, live.

Launch app Featured stories
Mars Jupiter Saturn Uranus

Psyche Mars Gravity Assist

Mars flyby on May 15th, 2026
Live Aug 03, 2026
Real rate
Featured stories and events

The story-card rail

Artemis II Launch

Mission launch, April 1st, 2026 — crewed flight around the Moon.

Comet 3I/ATLAS

Interstellar comet on a Jupiter flyby, March 15th, 2026.

Voyager's Grand Tour

The 1977–today journey out of the Solar System.

Missions · Spacecraft tracker
Earth orbitersLive
Perseverance · MarsReal rate
Psyche · en route2029 ETA
Controls

HUD buttons, states & fields

Launch app Featured Share ⓘ Disabled Observable universe Live Paused
Launch app Featured Share ⓘ ← hover state (ghost tints amber, icon scales 1.1×)
Search planets, spacecraft… Search focused ← recommended focus ring (app suppresses outline)

Ghost HUD buttons are 40px tall at 6px radius, Inter 16/500 (+0.32px); hover tints the fill rgba(252,181,0,.06) and the text to #ffcb47. Icon controls scale 1.1× with brightness(1.4). Focus is suppressed on the real app (outline:0) — a visible ring is recommended.

Typography

Metropolis (display) + Inter (UI)

Wordmark (h1) · Montserrat/Metropolis · 16/19 · 600 · +0.64px UPPEREyes on the Solar System
Story title (h2) · Metropolis · 29/27.5 · 300 · -0.58pxPsyche Mars Gravity Assist
Overlay heading (h3) · Metropolis · 28.8 · 300 · -0.58pxObservable universe
Menu item · Metropolis · 17.6 · 500 · +0.35pxTime Controls
Card date / label · Metropolis · 14 · 600 · +0.28px UPPERMars flyby on May 15th
Scene label (planets) · Metropolis · ~13 · 600 · wide UPPERSaturn
Button / UI · Inter · 16/24 · 500 · +0.32pxShare · Menu · Real rate
Palette

Every captured token

Text
white#ffffff
grayLight#eaeaeb
grayMed#c6c6c9
gray#95959d
Surfaces & borders
black#000000
grayDark#252527
grayblueBg#151a1d
divider#37373a
tabBorder#606060
ctrlBorder#636363
grayblueButton#425571
Accent & semantic
cta-blue#3e63dd
nasa-blue#288bff
settings#0d67ff
live#47da84
spacecraft#cd9745
paused#ff9a42
error#d55033
Celestial data palette (signature)
sun#f7f4df
mercury#9768ac
venus#b07919
earth#0099cc
mars#9a4e19
jupiter#da8b72
saturn#d5c187
uranus#68ccda
neptune#708ce3
constellation#59b2ff
comet#7e86b0
asteroid#806262
moon#b6acac
dwarfPlanet#929871
Depth & motion

Glow, not drop shadow

3px dominant
6px button
10px panel
full handle
glow 0 0 12px 4px rgba(0,0,0,.4)
backdrop blur(8px)

Motion: house transition opacity 0.1s ease-in-out; panels/cards enter over 0.75s. Easing cubic-bezier(0.2,0.2,0,1) and a springy cubic-bezier(0.54,1.5,0.38,1.11). Live 3D via Three.js; no prefers-reduced-motion block (anti-pattern).