Overview
SpaceEdu is a full-viewport planet education hero by SonoJS. Built as a single HTML page with local fonts, stills, cutouts, and looping sky videos. Click the side planets to feature EARTH, VENUS, or MARS - the sky video crossfades, title and copy update, and GET STARTED drives enrollment. Nav covers Planets, Tuition, Tutorials, Blog, and Enroll. prefers-reduced-motion falls back to still skies. Demo UI only - no backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Clickable side planets
Swap the featured world between Earth, Venus, and Mars - title, copy, and sky update together.
- 02
Video sky stage
Looping planet sky videos with still fallbacks and reduced-motion support.
- 03
Course enrollment chrome
PLANET eyebrow, serif headline, enrollment blurb, and GET STARTED CTA.
- 04
Zero-build static
One index.html plus fonts, stills, cutouts, and sky videos - deploy anywhere static.
You get
- index.html (complete SpaceEdu hero)
- assets/video (earth / mars / venus sky loops)
- assets/still and assets/cutout planet art
- assets/fonts (Prata, Hanken Grotesk, Poppins)
- CREDITS.txt
