Overview
Tharsis is a first screen for a space travel brand. A quiet navigation bar, a small eyebrow and a two-line headline sit above a dark spacecraft cabin whose single panoramic porthole looks down on Mars. The planet turns on a seamless video loop behind the glass, with a soft sheen on the window and warm light spilling onto the cabin floor. The motion stays calm. The copy rises in from a light blur, the video fades in once it can play and pauses when the hero leaves the screen, and on desktop the view drifts a few pixels against the pointer, like looking through real glass. A small orbit readout in the footer drifts every second. Visitors with reduced motion turned on get the still poster and no movement. It ships as one self-contained HTML file with no libraries and no build step, plus the cabin artwork and Mars loops for wide and tall screens. Colors, fonts and the window position live in CSS variables, and a small layout guard keeps the headline and footer clear of the window on short laptop and phone screens. The package includes a README, credits, and AGENTS.md plus CLAUDE.md for AI coding agents.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
