Riad is a storybook landing page template built for Morocco wellness retreats. It blends a Neo-Retro Northern Lights color system with immersive full-bleed imagery and a live Location Input header. The click-through structure guides visitors from first scroll to booking with almost no text, letting atmosphere and desire do the work.
by Rocket studio
Loading preview…
Quick summary
Riad is a single-page, click-through landing page template for Morocco wellness retreats. A live distance-calculating header personalizes the experience instantly. Full-bleed imagery sections dissolve through moments of hammam steam, rooftop yoga, and mint tea. The gold call-to-action anchors to the viewport as visitors scroll, removing every barrier between longing and booking.
Who this template is for
This template is built for retreat owners, wellness operators, and hospitality creatives who need to sell an atmosphere before they sell a price. It suits anyone marketing a Morocco wellness retreat that trades on feeling rather than feature lists.
Riad owners and boutique retreat hosts launching a seasonal booking page
Travel marketers targeting burned-out professionals, anniversary couples, and independent women travelers
Designers or agencies building immersive hospitality landing pages for discerning audiences
What problem this template solves
Generic hotel booking pages explain amenities. This template makes visitors feel the retreat before they read a single bullet point. The challenge for a Morocco wellness retreat is that words often flatten what the experience actually delivers.
Most retreat pages lose emotionally ready visitors with cluttered layouts and premature forms
Visitors from competitive markets need a personal hook before they consider pricing
A static headline cannot compete with a message that says "You're 2,847 miles from stillness"
What you get with this template
You get a fully designed, storybook-style landing page structured around atmosphere-first storytelling. Every section is a frozen visual moment with minimal text, and the booking path stays clean and uninterrupted.
A live Location Input header with animated city placeholder cycling and dynamic distance-based headline
Full-page immersive visual sections with dissolve transitions, each carrying one sentence of text at most
A persistent anchored "Choose Your Dates" call-to-action and a secondary "Download the Retreat Guide" email capture path
Theme
Neo-Retro
Creative direction
Immersive Visual
Color system
Northern Lights
Style
Storybook/Full-Page
Direction
Click-Through
Page Sections
Live Distance-personalizing Header
Storybook Full-page Visual Sections
Persistent Anchored Call-to-action
Secondary Email Capture Path
Neo-retro Northern Lights Color System
Animated Placeholder Cycling
Related questions
Does this template include a booking form on the page itself?
Can I edit the Location Input header for my own retreat?
Who is this landing page template designed for?
What are the two conversion paths built into this template?
Is this template suitable for retreats outside Morocco?
Feature list
This template's features map directly to the immersive, click-through experience described in the brief.
Live Distance-Personalizing Header
The header includes a Location Input field set against a slow-panning aerial twilight shot of the retreat. Visitors type their city, a live distance calculation runs, and the headline transforms to read something like "You're 2,847 miles from stillness." The specificity makes the page feel personal before a single scroll.
Storybook Full-Page Visual Sections
Each scroll section is a single full-bleed image frozen in a sensory moment. Close-up hands kneading rhassoul clay, a rooftop yoga platform at sunrise, mint tea poured from height into a painted glass. Transitions dissolve rather than snap, building physical longing that accumulates through the body of the page.
Persistent Anchored Call-to-Action
The primary "Choose Your Dates" button appears first as gold text after the third scroll section. It then anchors to the bottom of the viewport for the remainder of the page. Visitors always have a clear, low-friction path to the booking calendar without being pushed too early.
Secondary Email Capture Path
A "Download the Retreat Guide" option runs alongside the primary call-to-action. It provides a softer conversion path for visitors not yet ready to book. No form sits on the landing page itself; the click leads away to the reservation or capture flow.
Neo-Retro Northern Lights Color System
The visual identity uses deep indigo (#1B0A3C) as the dominant full-bleed background, aurora teal (#3EDECF) for accent lines and scroll indicators, dusty rose (#D4A0A0) to warm text blocks, and celestial gold (#F4D06F) reserved exclusively for interactive elements and hover states. Gold appears only when a visitor touches something, rewarding interaction with light.
Animated Placeholder Cycling
The Location Input field uses an animated placeholder that cycles through cities including London, Brooklyn, Melbourne, and Berlin. This subtle motion signals the template's global audience before the visitor has typed anything.
Page sections overview
Section
Purpose
Location Input Header
Personalizes headline with live distance calculation
Aerial Twilight Hero
Establishes retreat atmosphere and visual scale
Hammam Hands Moment
Anchors sensory identity through close-up imagery
Rooftop Yoga Platform
Communicates physical transformation and space
Mint Tea Pour
Delivers cultural warmth and artisanal detail
Anchored Booking call to action
Maintains persistent path to booking calendar
Retreat Guide Capture
Provides softer email path for undecided visitors
Design & branding system
The design language is Neo-Retro, referencing 1970s travel poster aesthetics filtered through Moroccan tilework geometry. It feels electric and ancient simultaneously, as though neon were hung inside a 400-year-old medina.
Color roles are strict: indigo owns backgrounds, teal pulses through accents and scroll indicators, rose warms text, and gold is reserved entirely for hover and interactive states
Typography and layout keep text minimal across all visual sections, ensuring imagery stays dominant and atmosphere is never diluted by copy
The overall palette and motion design evoke the Northern Lights color system, using contrast and glow to guide attention without relying on conventional grid structures
Mobile & speed optimization
The template is built with the scroll-driven, section-by-section structure that suits mobile viewports naturally. Full-bleed sections stack cleanly and the anchored call-to-action remains functional at every screen size.
The persistent bottom-anchored call-to-action is designed to remain visible and tappable on mobile displays throughout the full scroll journey
Dissolve transitions between sections are crafted to feel smooth as visitors move through the page on any device
Minimal on-page text means each section loads its visual impact without competing elements slowing the reading experience
How this template helps you convert
This template converts by eliminating the gap between desire and decision. There is no form, no pricing table, and no explanation on the landing page itself. Every design choice removes friction.
The personalized distance headline creates an emotional connection in the first second, making the visitor feel the retreat is meant specifically for them before they have scrolled at all.
The storybook visual sequence builds accumulated longing section by section, so that by the time the anchored "Choose Your Dates" button is in view, clicking it feels like continuing the experience rather than starting a transaction.
The dual-path structure captures both ready-to-book visitors and those who need more time, so no interested visitor leaves the page without taking some action.
Other information about this template
This template sits at the intersection of Morocco travel and wellness hospitality, serving a niche where visual trust and emotional resonance outperform conventional product-page structures.
The template style is Storybook/Full-Page, a format designed for brands whose offer is more experiential than transactional
The header concept, creative direction, landing-page direction, theme, and color system all originate from a matched intersection context, meaning every design decision reinforces the same Morocco wellness retreat positioning
This template works well for seasonal campaign pages, partnership retreat launches, and any Morocco travel offering where the guest is choosing transformation over simple accommodation
