Retiro is a dark immersive wellness landing page template built for a Spain wellness retreat in the Andalusian hills. It uses a masonry grid that flows through a full day at the retreat, hour by hour. A live location-input header, aurora-inspired color palette, and a stepped event registration form make it visually striking and conversion-ready.
by Rocket studio
Loading preview…
Quick summary
Retiro is a single-page wellness retreat template with a Day-in-the-Life masonry layout and a Dark Immersive visual theme. It opens with a live distance-calculation header and scrolls visitors through a full retreat day. A stepped registration form captures cohort bookings with deposit-only pricing revealed after date selection.
Who this template is for
This template is built for retreat owners and wellness hospitality brands that need to communicate an immersive experience, not just a list of amenities. It works especially well for high-touch, small-group retreats where the emotional journey matters as much as the logistics.
Wellness retreat operators in Spain or similar rural destinations
Event organizers selling named retreat cohorts with limited availability
What problem this template solves
Most retreat landing pages feel like brochures. They list schedules, prices, and bullet points, but they never make the visitor feel the place. Retiro solves this by replacing a static description with an experience-led scroll that moves visitors through the retreat hour by hour.
Visitors leave generic retreat pages because nothing makes them feel the atmosphere
Standard booking forms reveal full pricing upfront, which increases drop-off before commitment
A cluttered layout fails to convey the slowness and intentionality a wellness brand promises
What you get with this template
You get a fully structured single-page layout built around immersive storytelling and event registration. Every section serves a specific emotional or conversion purpose within a flowing, scroll-driven day.
A live location-input header with distance calculation and cinematic background transition
A masonry grid with timestamped tiles arranged to mirror the rhythm of a retreat day
A stepped registration form with cohort date selection, room preference, dietary fields, and a personal open-text question
Theme
Dark Immersive
Creative direction
Day-in-the-Life
Color system
Northern Lights
Style
Masonry/Pinterest
Direction
Event Registration
Page Sections
Live Location Input Header
Day-in-the-life Masonry Grid
Timestamped Amber Tile Labels
Stepped Event Registration Form
Named Retreat Cohort Dates
Northern Lights Color System
Related questions
Can I change the retreat location and distance calculation in the header?
How does the deposit-only pricing reveal work?
Can I rename the cohort dates to match my own retreat calendar?
Is this template only suitable for retreats in Spain?
Can I edit the masonry tile content to reflect my own daily program?
Feature list
This template delivers six tightly designed components that work together across one continuous page scroll.
Live Location Input Header
The page opens with a centered search field on a deep volcanic black screen asking "Where are you right now?" When the visitor enters their city, the live calculation displays their distance to the retreat and the background dissolves into a drone aerial of the Sierra de Grazalema at dawn. The headline then materializes with their personalized distance.
Day-in-the-Life Masonry Grid
The masonry layout scrolls through a single retreat day from dawn to evening. Tile density shifts with the day's rhythm: sparse and spacious at dawn, richly clustered at midday, and calm again by evening. Each tile carries a timestamp in warm lantern amber to anchor the visitor in the day's flow.
Timestamped Content Tiles
Every tile in the masonry grid displays a time of day in lantern amber (#E8A838). This detail keeps visitors oriented through the narrative scroll and reinforces the retreat's unhurried pace. Morning tiles cover breathwork and journaling; midday tiles cover workshops and cooking; evening tiles cover sound baths and stargazing.
Stepped Event Registration Form
The primary call to action, "Reserve Your Week," appears after the midday section and stays pinned as the visitor scrolls. Clicking opens a multi-step form with named cohort dates, room preference, dietary requirements, and an open-text field asking what the visitor would like to set down. Pricing surfaces only after a date is selected, paired with a deposit-only booking option.
Named Retreat Cohort Dates
Dates are presented as named cohorts rather than calendar entries. Names like "The October Silence" and "The January Thaw" give each retreat a distinct identity and make the booking feel like joining something meaningful rather than purchasing a service.
Northern Lights Color System
The palette draws from deep volcanic black (#0B0F14), aurora teal (#2ED8A3), celestial violet (#7B5EA7), and warm lantern amber (#E8A838). Teal and violet wash across image overlays and section dividers. Amber is reserved for calls to action and timestamps. Soft cloud white (#E4E7EB) carries all body text for comfortable contrast against the dark backgrounds.
Page sections overview
Section
Purpose
Location Input Header
Personalizes entry with live distance and cinematic background reveal
Personalized Hero Headline
Materializes after distance calculation to anchor emotional impact
Dawn Masonry Block
Sparse tiles covering breathwork, journaling, and early morning rituals
Midday Masonry Block
Dense tile cluster covering workshops, hiking, and farm-to-table cooking
First call to action Placement
Introduces "Reserve Your Week" after peak-day energy
Evening Masonry Block
Calm tiles covering massage, firepit, and rooftop stargazing
Pinned call to action Bar
Keeps reservation prompt visible through the lower scroll
Stepped Booking Form
Cohort dates, room type, dietary needs, and personal open-text field
Deposit Pricing Reveal
Shows cost and deposit option only after a date is selected
Design & branding system
The visual identity uses a Dark Immersive theme built on the Northern Lights color system. Backgrounds stay in volcanic black to give the aurora accent colors room to breathe and shift across the page like light moving through a night sky.
Deep volcanic black (#0B0F14) for all backgrounds; soft cloud white (#E4E7EB) for body text
Aurora teal (#2ED8A3) and celestial violet (#7B5EA7) for image overlays and section dividers
Warm lantern amber (#E8A838) reserved strictly for calls to action and tile timestamps
Mobile & speed optimization
The masonry layout and immersive scroll are structured to adapt across screen sizes. Tile density and grid proportions reflow naturally on smaller viewports so the day-in-the-life narrative stays legible and engaging on mobile devices.
Masonry grid columns reflow to maintain readability on narrow screens
Pinned call-to-action bar stays accessible without obscuring key content on mobile
Background transition on the location header is designed to present cleanly on device-native rendering
How this template helps you convert
Retiro is built to move a burned-out, skeptical visitor from curiosity to commitment through emotional resonance and low-friction booking mechanics.
The live distance headline creates an immediate personal connection before any pitch begins, making the visitor feel seen rather than sold to.
The masonry Day-in-the-Life scroll lets visitors experience the retreat mentally before they register, building desire through immersion rather than persuasion.
The deposit-only pricing model, revealed only after date selection, lowers the psychological barrier to booking by separating the commitment decision from the full financial one.
Other information about this template
Retiro is built specifically for the Spain wellness retreat market and suits operators who want their landing page to feel as intentional as the retreat itself. It fits within the Travel and Hospitality category and aligns with the Spain Travel subcategory for niche positioning.
Template style is Masonry/Pinterest with a Dark Immersive theme and Northern Lights color palette
Creative direction is Day-in-the-Life; header concept is Location Input; landing page direction is Event Registration
The open-text form field ("What are you carrying that you'd like to set down?") is a deliberate emotional qualifier that also helps hosts prepare for incoming guests
Named cohort dates give each retreat season a distinct identity, supporting repeat visits and word-of-mouth referrals
The template is designed for single-page use, making it straightforward to deploy as a focused event registration destination
