Campaign: mission.so1.io immersive overhaul
Before vs After
Before: Flat dark background, 8 static dust dots, basic fade-in animations, generic copy. Felt like a developer prototype, not a branded surface. After: Multi-layered atmospheric gradients with Mars horizon glow, 24 animated dust particles with depth-of-field blur, visor glass-morphism with pressurization hover effects, scroll-driven section reveals, and copy that puts the visitor on Mars.Key messaging shifts
- Hero subtitle: “Architecture decisions, agent deployment, runbooks…” → “You’re 225 million kilometers from the nearest sysadmin. Architecture decisions, agent deployment, runbooks for when things go sideways at 3am.”
- Systems section: “What runs inside the hab.” → “Life support systems.”
- CTA: “Ready to suit up?” → “Suit up.” + “Sol 048 starts when you enter.”
- Footer transmission: Added “SOL 047 // TRANSMISSION ENDS” with CRT flicker
Visual enhancements
- Iron oxide primary CTA with glowing shadow (matching so1.io’s rust-red buttons)
- Glow color variants per capability card: mars red (Pathfinder, Potato Farm), electric blue (Sol Counter, EVA Team), nominal green (Comm Relay, Logbook)
- Architecture strip with dashed borders and active node glow on Mission
- Pillar left borders with inset iron oxide glow
Brand coherence
All three SO1 domains now share the same atmospheric visual language:- so1.io: Full GSAP/React immersion with scroll-driven Mars environment
- mission.so1.io: CSS-only atmospheric effects matching the same feel
- rover.so1.io: Console UI with shared color palette and visor components