KEEL — Fictional Expedition Theme
Follow the water.
An elegant, calm fictional theme for a boutique expedition cruise line, built in Nuxt (Vue 3). Scroll pins a horizontal deck-by-deck tour of the ship — Sun Deck to Bridge — over a procedural moving ocean, while an sample itinerary route draws itself along the coast. Three clearly illustrative voyages, a full sample ship walkthrough and a validated local-only enquiry complete a static export with a fully visible reduced-motion fallback.
Role · Design + front-end build (Nuxt, GSAP horizontal deck tour, procedural ocean) · Updated Jul 2026
- 6 page types: horizontal deck-tour home, voyages index, itinerary (×3), the-ship, experience, about, enquire
- The pinned horizontal deck tour + a procedural canvas/SVG ocean + a self-drawing SVG route
- Typed voyages / decks / ship data with clean CMS seams
- Exact local Fraunces + Inter WOFF2 assets, reduced-motion-safe reveals, base-prefixed for any host
- Delivery
- 3–4 days
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · CMS / enquiries
Sample voyages, decks and copy are typed data with clean CMS seams; replace them with approved inventory, policies and availability before connecting enquiries or booking.
Delivered as full Nuxt source. Replace sample voyages, vessel details, crew, prices and availability with approved content before connecting the enquiry flow to your booking system.
What makes it special
A ship you tour sideways
The signature moment pins a horizontal deck-by-deck tour — Sun Deck, Lounge, Cabins, Dining, Bridge — that scrubs across the viewport as you scroll, each deck a procedural cutaway SVG. Under reduced motion it becomes a clean vertical stack; nothing is ever hidden.
The route draws itself
A stylized itinerary map draws its sailing route along the coast on scroll via plain SVG stroke-dashoffset — no paid plugin — over a procedural moving ocean rendered in canvas and layered SVG waves. No video, no WebGL risk.
Three illustrative voyages
Northern Fjords, Adriatic Light and Hebridean Passage each get a sample itinerary page — day-by-day, inclusions, cabins, a self-drawing route and clearly labelled sample pricing.
A complete line IA
Home, a voyages index, three itinerary pages, a ship walkthrough with deck plans and cabin categories, an onboard-life editorial, an about/ethos page, and a validated enquiry flow.
Calm, coastal, accessible
A navy-to-teal system with brass accents and exact local fonts; every scene respects reduced motion, interactions meet touch-target guidance, and the export makes no runtime external requests.
What’s included
- 6 page types: horizontal deck-tour home, voyages index, itinerary (×3), the-ship, experience, about, enquire
- The pinned horizontal deck tour + a procedural canvas/SVG ocean + a self-drawing SVG route
- Typed voyages / decks / ship data with clean CMS seams
- Exact local Fraunces + Inter WOFF2 assets, reduced-motion-safe reveals, base-prefixed for any host
- Full Nuxt 4 / TypeScript source, static export, WCAG 2.2 AA intent
More Hospitality & Travel templates
Explore more collections
Frequently asked
- What do I get when I buy KEEL?
- A one-time licence with the full, editable source code, including 6 page types: horizontal deck-tour home, voyages index, itinerary (×3), the-ship, experience, about, enquire, the pinned horizontal deck tour + a procedural canvas/svg ocean + a self-drawing svg route, typed voyages / decks / ship data with clean cms seams. 14 days setup support and free updates included.
- What is KEEL built with?
- It's a Nuxt marketing site, built with Nuxt 4, Vue 3, TypeScript, Tailwind v4, GSAP ScrollTrigger. You receive the complete source to host and extend anywhere.
- Can YantraCore customise KEEL for my brand?
- Yes — buy it as-is for $4,400, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 3–4 days after purchase.
Make KEEL yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.