Riad is a gallery and detail landing page built for Morocco solo travel guides. It maps the Atlantic coastline from Tangier to Dakhla through richly textured destination cards, a sunset-gradient visual identity, and two clear conversion paths: a trip-planning form and a coastal route map download. Every section earns trust before it asks for a click.
by Rocket studio
Loading preview…
Quick summary
Riad is a single-page Morocco solo travel guide template with a gallery-and-detail layout. It pairs a dramatic zellige-tile header with scrollable destination cards, solo-travel intel panels, and a pinned booking form. The design uses a Marine and Coastal color system to evoke the Atlantic at golden hour.
Who this template is for
This template is built for travel creators and guide publishers who serve solo travelers on the Moroccan coast. It fits anyone who needs to turn deep local knowledge into bookings or email sign-ups.
Solo travel bloggers and content creators covering Morocco's coastline
First-time solo travelers, especially women booking alone, struggle to find a guide that feels both trustworthy and specific. Generic travel pages list destinations without the detail that builds real confidence.
No clear safety notes, riad recommendations, or café-level specifics for each stop
No simple way for a visitor to self-select a trip length and comfort level before committing
No coastal route map as a low-barrier entry point for visitors who are not ready to book yet
What you get with this template
You get a fully structured Morocco solo travel landing page that moves a visitor from curiosity to commitment. Every layout decision serves the solo traveler audience and the two conversion goals.
A macro close-up zellige tile header with a single hero line of handset type
A scrollable gallery of coastal destination cards, each expanding into a solo-specific detail panel
Two conversion paths: a trip-planning form and a downloadable coastal route map for email capture
Feature list
This template packs the right components for a high-trust, high-detail solo travel guide. Each feature is present in the brief and visible in the layout.
Theme
Marine & Coastal
Creative direction
Curated Collection
Color system
Sunset Gradient
Style
Gallery + Detail
Direction
Booking/Scheduling
Page Sections
Zellige Tile Hero with Timed Type Reveal
Expandable Coastal Destination Cards
Pinned Trip-planning Booking Form
Coastal Route Map Email Capture
Sunset Gradient Visual Identity
Related questions
Who is this landing page template designed for?
Can I customize the destination cards for different coastal stops?
What are the two ways a visitor can convert on this page?
How does the pinned booking form work?
What does the header image show?
Zellige Tile Hero Header
The header opens with a tightly cropped, richly textured image of hand-painted Moroccan zellige tiles in cobalt and gold, wet with sea spray. After two seconds, a single line appears: "Morocco alone. Never lonely." There is no horizon, no landmark, no face. Just pattern, color, and immediate atmosphere.
Expandable Destination Card Gallery
Each scroll reveals a coastal destination as a self-contained card. Clicking a card opens a detail panel with solo-specific intel, including safety notes, riad picks, and the exact café with wifi and a terrace. Cards cover stops along the full Atlantic route from Tangier to Dakhla.
Pinned "Plan My Solo Trip" Form
A primary call-to-action form pins itself after every third destination card. The short form captures travel month, trip length (5, 7, or 10 days), and comfort level (budget riad, boutique, or splurge). It stays visible without being intrusive.
Coastal Route Map Email Capture
A secondary conversion path offers visitors a downloadable coastal route map in exchange for their email address. This lower-commitment option serves visitors who are still researching and not ready to fill out the planning form.
Sunset Gradient Color System
The palette runs from deep Atlantic teal through warm terracotta and bleached sandstone, with molten saffron reserved for buttons and active states. The color system is consistent across cards, panels, forms, and the header, creating a unified visual experience from top to bottom.
Page sections overview
Section
Purpose
Zellige Tile Header
Opens atmosphere, displays hero line
Hero Type Reveal
Delivers the "Morocco alone. Never lonely." message
Destination Card Gallery
Showcases each coastal stop as a card
Solo Intel Detail Panel
Expands cards with safety notes and riad picks
Plan My Solo Trip
Captures trip preferences via short form
Coastal Route Download
Collects emails with low-commitment offer
Footer Navigation
Closes page with secondary links
Design & branding system
The visual identity follows a Marine and Coastal theme expressed through a Sunset Gradient color system. Every color, texture, and type choice references a specific moment on the Moroccan Atlantic coast.
Deep Atlantic teal (#1B4965), warm terracotta (#C1440E), bleached sandstone (#F0E1CE), and molten saffron (#E8A838) for buttons and active states
Macro close-up photography direction focusing on texture, glaze, and moisture rather than landmarks or faces
Handset-style type for the hero line, creating a journal-like, personal tone across the page
Mobile & speed optimization
The gallery-and-detail layout is structured to work cleanly at any screen width. Card grids reflow and detail panels expand within the viewport without breaking the visual hierarchy.
Destination cards stack vertically on smaller screens, keeping the scroll experience fluid
The pinned "Plan My Solo Trip" form remains accessible at any scroll depth on mobile
The coastal route map download call-to-action stays visible and tappable on touch devices
How this template helps you convert
The page earns trust through specific, insider detail before it asks for anything. Both conversion paths are timed to appear after the visitor has already seen enough to believe the guide is real.
The pinned booking form appears after every third destination card, so visitors have absorbed concrete local knowledge before they see a request for their travel plans.
The email capture route offers a tangible, useful asset, the coastal route map, making the sign-up feel like a fair exchange rather than a cold ask.
Other information about this template
This template is a strong fit for Morocco travel content that needs to do two jobs at once: inspire and convert. A few additional details worth knowing before you build.
The template style is Gallery and Detail, meaning the primary layout combines a browsable image gallery with expandable content panels
The creative direction is Curated Collection, so each destination feels like a hand-picked journal entry rather than a list item
The theme is Marine and Coastal, which informs every visual and copy decision from header to footer
The landing page direction is Booking and Scheduling, making both calls to action goal-oriented from the first scroll
The header concept is Macro Close-Up, a deliberate choice to create intimacy and texture before showing any geography
