Fathom is a masonry-style landing page template built for Caribbean diving and snorkeling tour operators. It guides visitors through a timestamped Day-in-the-Life scroll from dock to post-dive ceviche, using a location-aware header, staggered photo tiles, and a sticky coral-colored call-to-action bar that drives clicks to a booking calendar.
by Rocket studio
Loading preview…
Quick summary
Fathom is a single-page, click-through template designed for diving and snorkeling tour companies. A full-bleed drone header with a location input sets a personalized tone before visitors scroll. Staggered masonry tiles then walk them through a morning tour, timestamp by timestamp, until the only logical next step is picking a date.
Who this template is for
This template is built for small-to-medium tour operators running catamaran or shoreline dive trips in warm-water destinations. It speaks directly to three distinct buyer types without losing any of them.
Honeymooners and resort guests browsing concierge recommendations
Cruise passengers with a short port window looking for a half-day excursion
Certified divers wanting logbook variety on a single vacation
What problem this template solves
Most tour pages overwhelm visitors with long forms and generic stock photography. Fathom replaces that friction with a scrollable visual story that sells the experience before asking for anything.
Visitors lose interest when they cannot picture the actual tour
Generic layouts fail to connect with both casual snorkelers and experienced divers at the same time
A separate booking form creates unnecessary drop-off before the visitor is emotionally ready
What you get with this template
You get a fully structured single landing page designed around a sequential, time-stamped visual narrative. Every element is ready to populate with your own photography and tour details.
A location-input hero section that cross-dissolves to a relevant dive site image on selection
A masonry tile layout with coral-colored timestamp labels running from 6 AM to 11 AM
A sticky bottom bar with a "Check Availability for Your Dates" call-to-action button
Feature list
This template is built on five core design and layout features that work together to move visitors from curiosity to a booking click.
Theme
Marine & Coastal
Creative direction
Day-in-the-Life
Color system
Dark Emerald
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
Location-aware Hero Header
Timestamped Masonry Tile Layout
Sticky Booking Call-to-action Bar
Click-through Funnel Structure
Dark Emerald Color System
Day-in-the-life Scroll Arc
Related questions
Does this template include a booking form?
Can I use this template if I offer both diving and snorkeling tours?
How does the location input work in the header?
What kind of tour operator fits this template best?
Is this template suitable for operators with a small photo library?
Location-Aware Hero Header
A full-bleed overhead drone image of a turquoise bay sits behind a centered search field. Visitors type or select their resort or cruise port, and the background image cross-dissolves to the nearest dive site. The page feels personalized before the visitor scrolls a single pixel.
Timestamped Masonry Tile Layout
Staggered columns of photo tiles cascade down the page in a masonry pattern. Each cluster carries a small coral-colored timestamp, 6:15 AM, 7:40 AM, 9:02 AM, compressing a full morning into a few seconds of scroll. The layout mixes GoPro close-ups, wide boat shots, macro wildlife stills, and candid guest moments.
Click-Through Funnel Architecture
Every tile and every timestamp label links to the same booking calendar. There is no form on this page. Clicks land on the reservation platform pre-filtered by the location the visitor selected in the header, removing friction at the final step.
Sticky Availability Bar
A persistent bottom bar stays visible throughout the entire scroll. It reads "Check Availability for Your Dates" in hull white text on a living coral background. The bar ensures the booking prompt is always one tap away without interrupting the visual story.
Dark Emerald Color System
The palette descends like a reef wall: abyssal green at depth, sun-dappled teal in the mid-tones, and bleached hull white for body text. Living coral accents pulse on every button and interactive element, creating instant visual hierarchy without custom CSS work.
Day-in-the-Life Scroll Arc
The creative direction follows one complete morning tour from dock walk to post-dive ceviche. The narrative arc builds emotional investment section by section, so by the time visitors reach the final tile, they have already lived the experience mentally.
Page sections overview
Section
Purpose
Location Input Header
Personalizes the page to the visitor's nearest dive site
6 AM Dock Walk
Opens the Day-in-the-Life arc with gear-check imagery
7:40 AM Open Water
Shows the catamaran underway and sets the adventure tone
9:02 AM Reef Dive
Delivers hero wildlife shots of turtles, sharks, and coral
10:15 AM Surface Interval
Captures candid guest moments and builds social proof
11 AM Ceviche Close
Closes the arc and primes visitors for the booking click
Sticky Booking Bar
Persists on scroll as the primary conversion trigger
Design & branding system
The template follows a Marine and Coastal theme built on a Dark Emerald color palette. Every color choice has a specific role, keeping the page cohesive without additional design work.
Backgrounds use abyssal green (#064E3B) and sun-dappled teal (#0D9488) to create the sensation of descending a reef wall
Body text and content areas breathe in bleached hull white (#F0FDFA) for contrast and readability
Buttons and interactive highlights use living coral (#FF6F61) to draw the eye and signal action
Mobile & speed optimization
The masonry layout and full-bleed imagery are structured to reflow cleanly across screen sizes, keeping the scroll experience intact on phones and tablets. Tour operators can expect a layout that does not break on smaller viewports.
Staggered masonry columns adjust to single-column flow on mobile without losing the timestamp narrative
The sticky booking bar remains pinned to the bottom of the screen on all device sizes
Full-bleed header imagery scales responsively so the drone shot reads clearly on any display width
How this template helps you convert
Fathom is a click-through funnel, not a lead-capture form. Every design choice is aimed at one outcome: a visitor clicking through to the booking calendar.
The location-input header creates an immediate sense of personalization, making the visitor feel the page was built for their specific trip before they scroll.
The timestamped Day-in-the-Life arc builds continuous emotional investment, so visitors arrive at the booking prompt already sold on the experience rather than still evaluating it.
The sticky coral call-to-action bar ensures the booking trigger is visible at every stage of the scroll, reducing the chance that a ready buyer has to hunt for the next step.
Other information about this template
Fathom is a good fit for operators who rely on walk-in and last-minute bookings from resort concierge referrals and cruise port foot traffic. The template's click-through structure means your reservation platform does the heavy lifting once the visitor arrives there.
The template is categorized under Travel and Hospitality, Adventure and Eco Tourism, and the Diving and Snorkeling Tour niche
The masonry and Pinterest-style tile format works especially well with a library of mixed-format photography spanning wide landscapes, macro shots, and candid guest images
The location-dropdown mechanic in the header is designed to support multiple departure points, making it practical for operators serving more than one resort zone or port
The color system and layout are ready to adapt to your own logo, photography, and tour schedule without rebuilding the visual framework
