Spain Travel Professional Website Template

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

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
  • Hospitality entrepreneurs running boutique, nature-immersive getaway experiences
  • 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

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

SectionPurpose
Location Input HeaderPersonalizes entry with live distance and cinematic background reveal
Personalized Hero HeadlineMaterializes after distance calculation to anchor emotional impact
Dawn Masonry BlockSparse tiles covering breathwork, journaling, and early morning rituals
Midday Masonry BlockDense tile cluster covering workshops, hiking, and farm-to-table cooking
First call to action PlacementIntroduces "Reserve Your Week" after peak-day energy
Evening Masonry BlockCalm tiles covering massage, firepit, and rooftop stargazing
Pinned call to action BarKeeps reservation prompt visible through the lower scroll
Stepped Booking FormCohort dates, room type, dietary needs, and personal open-text field
Deposit Pricing RevealShows 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.

  1. The live distance headline creates an immediate personal connection before any pitch begins, making the visitor feel seen rather than sold to.
  2. The masonry Day-in-the-Life scroll lets visitors experience the retreat mentally before they register, building desire through immersion rather than persuasion.
  3. 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
Spain Travel Professional Website Template
Spain Travel Professional Website Template
Spain Travel Professional Website Template
Spain Travel Professional Website Template

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?