Retour au catalogue
7,5 k vues

Mars Trips — Référence de design web et prompt

Mars Trips : section créative animée (Travel), prompt complet prêt à l'emploi.

# Redline — Mars Trips Three-Step 3D Hero (exact recreation prompt)

Build a single-file, full-viewport landing hero for **Redline**, a space-travel brand selling seats to Mars. It is one continuous three-step experience with no page loads:

1. **MARS:** a real 3D Mars swells from a speck in front of a giant white word, on a burnt-orange background.
2. **THARSIS:** the planet slides left and turns, a region lights up crimson like a territory on a map, and a timeline of landing sites appears on the right with a hover photo card.
3. **Landing:** the camera dives into the planet, whites out in a dust cloud, and a photoreal Mars canyon rises up, with the site name sitting between the background and foreground rock spires, plus a white booking bar.

Plain HTML, CSS and vanilla JS in one file, with Three.js r170 from an import map: `{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js" } }`. Every moving value is computed each frame in one `render(now)` function from a single state float `st`. Reproduce every value, string, URL and timing below exactly.

---

Débloquer l’accès Fondateur à vie

274 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.

  • Plus de 1 000 prompts intégraux, premium inclus
  • Studio de personnalisation complet
  • Six architectures de site prêtes à adapter
  • Formatage Claude, Lovable, Cursor, Bolt et v0
  • Nouvelles références ajoutées à vie
  • Skill Claude Prompt Motion Site et module d’installation

Rentabilisé dès le premier client : une landing page se facture 800 € à 2 500 €.

Offre de lancement

49 € à vie au lieu de 199 €/an · Plus de 1 000 prompts, Studio et Skill inclus

Références similaires