code-anything.com
Log inStart free

Animated

Odyssey Overland

Odyssey is a film-first landing page for a premium overland product — built around the Odyssey 4x4 expedition camper van, but ready to sell any adventure-grade vehicle or hardware. The hero is a full-bleed, looping cinematic clip with product beats (off-grid power, range, sleeps four) that fade in over it as the visitor scrolls. Below the fold it does the real work of a landing page: a spec/feature grid (range, off-grid power, sleeping, water, drivetrain, galley), chaptered "where it takes you" scenes moving from high desert to alpine pass to coast, a signature self-drawing SVG route line, an adventure gallery of real photography, an owner quote with a stat band, and a reserve/configure section with build tiers and a refundable deposit. The cinematic journey aesthetic — coordinate plates, horizon parallax and the drawing route line — is the packaging; the copy is about the van and the trip, never about the scroll.

A scored expedition film that sells a camper van — a rugged 4x4 you can live in off-grid for weeks, packaged in dusk-lit chapters from high desert to coast.

scroll-odyssey.code-anything.app
The Odyssey overland camperHome, anywhere
the map ends.A 4x4 expedition camper built to live off-grid for weeks — then drive home in comfort.
44°31'NField build
Follow the route
SPEC 01The Build

Engineered to be lived in, not just parked.

Every Odyssey is built on a proven 4x4 chassis and finished by hand. The numbers that matter when the pavement runs out.

500 mi
Range per tank
Long-range diesel · ~26 mpg loaded
620Ah · 640W
Off-grid power
Lithium bank + roof solar array
Sleeps 4
Loft + lounge
Pop-top bed · convertible dinette
120 L
Fresh water
Heated tank · hot outdoor shower
4x4 · lockers
Drivetrain
Front & rear diff locks · 33" A/T
Full galley
Kitchen
Induction hob · 90L fridge · sink
Built for distance

Insulated for -20°C, sealed for the washboard, quiet enough to sleep in.

ROUTE 01–03Where it takes you

One camper. Three kinds of far.

01
N 42.531°High Desert

Basecamp past the last washboard mile

Locking differentials and 33-inch all-terrains crawl the rough track to a camp no hotel will ever reach. Auto-level the van, raise the pop-top, and the desert is your front yard.

02
ALT 2841mAlpine

Off-grid through the high passes

The lithium bank and 640W of solar keep the diesel heater, the induction hob and the 90-litre fridge running for a week at altitude — no generator, no hookup, no compromise.

03
W 124.08°Coast

Fall asleep to the surf

The pop-top loft and convertible lounge sleep four. A 120-litre fresh-water tank, a hot outdoor shower and the full galley are why owners stay a week longer than they planned.

MERIDIANEvery Odyssey a line

From the trailhead to the last light on the coast.

Desert · basecampAlpine · off-gridCoast · under stars
FIELD LOGOwner trips

Where owners have woken up.

Real frames · from the field
Camp set, roof up
Camp set, roof up
The alpine pass
The alpine pass
Trailhead parking
Trailhead parking
Fog line at dawn
Fog line at dawn
The long way there
The long way there
Coast, last light
Coast, last light
“We reserved on a Tuesday and were parked above the Alvord Desert three months later. It’s the first vehicle that felt designed by people who actually sleep in one.”
Mara DevlinOwner #037 · 41,000 mi
41,000+
Fleet miles logged
7 days
Typical off-grid stint
1,200
Builds reserved
4.9 / 5
Owner rating
⌘ RESERVEBuild slots open

Configure yours. Reserve your slot.

A fully-refundable $2,500 deposit holds your build. Current delivery window: 4–6 months.

Trailhead
$132k
The essentials, done right
  • 4x4 chassis + diff locks
  • 320Ah lithium · 320W solar
  • Sleeps 2 · convertible lounge
  • Diesel heater + 60L fridge
Configure
ExpeditionMost reserved
$168k
  • 620Ah lithium · 640W solar
  • Pop-top loft · sleeps 4
  • 120L water + hot shower
  • Full induction galley · 90L fridge
Reserve this build
Summit
$214k
Weeks-out, self-reliant
  • Dual-battery + 1200W solar
  • Heated tanks + arctic pack
  • Winch · expedition roof rack
  • 200L water · onboard air
Configure
Deposit fully refundable · Financing available · Built to order in the Pacific Northwest

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • This sells a real product (a premium 4x4 overland camper van): every headline and body line is about the van and the trip — the build, off-grid power, sleeping, water, range, drivetrain, where it takes you, and how to reserve it — never about scrolling or the animation itself.
  • Lead with a full-bleed looping hero clip (video that PLAYS and loops — never scrubbed) and overlay editable product beats — off-grid power, range, sleeps four — that fade in as distinct scroll-timed messages via the shared ScrollStory primitive.
  • Anchor the palette in a warm, earthy dusk: a charcoal canvas (#0B0A08) with a sunset-amber primary (#E08A4C) and a cool dusk-blue secondary (#6FA2BC); reserve the amber→sand→dusk-blue gradient for scene moods and key numbers, and keep all chrome dark.
  • Carry the signature journey motif as packaging: monospaced coordinate/chapter plates on every eyebrow, a self-drawing inline-SVG route line across three waypoints, parallax horizon depth layers, and numbered chapters that move from high desert to alpine pass to coast.
  • Do the job of a landing page: a sticky nav (wordmark + Reserve), a spec/feature grid (range, off-grid power, sleeps, water, drivetrain, galley), an adventure gallery of REAL resolving photography, social proof (owner quote + stat band), and a reserve/configure section with build tiers and a refundable deposit.
  • Premium and self-contained: cohesive Clash Display + Inter type, real specific copy (no lorem), no emoji (inline SVG icons only), never leave an image frame empty, and honor prefers-reduced-motion via the ScrollStory fallback and disabled loops.

Ships with

Sticky nav with wordmark + Reserve CTAFull-bleed looping hero clip (ScrollStory) with product beats + scroll-progress meridianThe Build — spec/feature grid (range, power, sleeps, water, drivetrain, galley)Parallax "built for distance" band with drifting depth layersChaptered "where it takes you" scenes (desert / alpine / coast) with SVG wipesSelf-drawing SVG route line across three waypointsAdventure gallery of real overland photographySocial proof — owner quote + stat bandReserve / configure section with build tiers + refundable depositFooter with link columns

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Clash Display

Body

Inter

Radius

18px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.