Tides is a masonry-style beach wedding landing page built for barefoot coordinators who plan ceremonies at the shoreline. It guides newly engaged couples and destination-wedding dreamers through a cinematic scroll experience, from sunrise setup to sparkler exit, and converts visitors with a layered three-step inquiry form in a soft Lavender Dream palette.
by Rocket studio
Loading preview…
Quick summary
Tides is a single-page template designed for beach wedding venue coordinators. It pairs a full-viewport portrait header with a chapter-based masonry photo grid that scrolls like a day unfolding at the water's edge. The Lavender Dream color palette, organic flow layout, and a three-step modal form work together to turn late-night browsers into genuine leads.
Who this template is for
This template was built for coordinators who specialize in shoreline ceremonies. If your work happens where the land ends and the ocean begins, Tides was made with you in mind.
Destination wedding planners serving couples who live far from the coast
Independent officiants or planning duos who want a polished lead-capture presence
What problem this template solves
Most wedding coordinator pages feel generic. They list services in columns and ask visitors to call a number. Tides solves a different problem: it makes a distant couple feel the day before they book it. It also removes the friction of early pricing conversations.
Couples scrolling at midnight need emotion first, logistics second
Mothers-of-the-bride need confidence that permits, tide charts, and backup plans are handled
Coordinators need a first-contact form that starts the conversation without giving away pricing
What you get with this template
You get a complete, section-led landing page that moves visitors from first impression to inquiry in one scroll. Every visual and interaction detail is drawn from the brief.
A full-viewport portrait header with a headline that animates letter by letter
A masonry photo grid organized into four named chapters: Morning, Ceremony, Golden Hour, and Celebration
A three-slide layered modal inquiry form with a confirmation message reading "We'll reach out before the next tide"
Feature list
This template delivers a focused set of purposeful features. Each one serves the lead-generation goal without overcomplicating the experience.
Theme
Organic Flow
Creative direction
Cinematic Sequence
Color system
Lavender Dream
Style
Masonry/Pinterest
Direction
Lead Generation
Page Sections
Chapter-based Masonry Photo Grid
Animated Portrait Header
Parallax Wave Scroll Effect
Floating Chapter Call to Action
Three-step Modal Inquiry Form
Lavender Dream Color System
Related questions
Is this template designed for a single coordinator or a larger agency?
Can I use this template without a large professional photo library?
Does the page include any pricing or service package information?
What ceremony styles does the inquiry form cover?
Can coordinators who serve multiple coastal locations use this template?
Chapter-Based Masonry Grid
The photo grid is divided into four chapters: Morning, Ceremony, Golden Hour, and Celebration. Images reveal themselves progressively as the visitor scrolls, and each chapter heading drifts in like a tide line. Nothing loads all at once; the grid breathes and teaches visitors what a full wedding day feels like.
Parallax Scroll Experience
Each image tile loads with a gentle parallax effect that mimics the rhythm of waves. The motion is slow and intentional, never jarring. The overall effect keeps visitors engaged and reinforces the organic, unhurried tone of the brand.
Animated Portrait Header
The header fills the full viewport in a vertical portrait frame. It is designed for a couple-from-behind shoreline shot at golden hour. The headline "Your ceremony starts where the land ends" types itself in a hand-lettered serif at the pace of a slow exhale.
Floating Chapter call to action
A primary call-to-action button reading "Start Planning Your Shoreline" floats gently at the bottom of each chapter. It stays visible without being intrusive, giving visitors a clear next step at every natural pause in the scroll.
Three-Step Modal Inquiry Form
The inquiry form opens as a layered modal with three slides. Slide one collects the couple's names and wedding date. Slide two asks for guest count and ceremony style. Slide three offers a beach region dropdown and a free-text "Tell us your dream" field. The form closes the loop with a warm confirmation message.
Organic Flow Visual Identity
The Lavender Dream color system uses soft dried-lavender, sun-bleached driftwood, deep twilight violet, warm sand white, and a rose-gold accent on buttons. The palette feels faded, romantic, and warm, exactly like a dried lavender bouquet left on a linen tablecloth after the reception ends.
Page sections overview
Section
Purpose
Portrait Header
Sets the cinematic tone and introduces the headline animation
Morning Chapter
Showcases setup, florals, and arch construction imagery
Ceremony Chapter
Displays aerial shots, ring exchanges, and candid ceremony moments
Golden Hour Chapter
Presents staggered couple portrait tiles at warm light
Celebration Chapter
Features sparkler exits, first dances, and string-lit cake tables
Floating call to action Bar
Prompts action at the close of every photo chapter
Modal Inquiry Form
Captures lead details across three conversational slides
Form Confirmation
Delivers a warm closing message to submitted inquiries
Design & branding system
The visual identity follows an Organic Flow theme. Every color choice and layout decision reinforces the feeling of a golden-hour beach ceremony, soft, warm, and beautifully unhurried.
Color palette: soft dried-lavender (#C4B1D4), sun-bleached driftwood (#E8DDD3), deep twilight violet (#5B4670), warm sand white (#FAF6F1) as the primary background, and rose-gold (#D4A88C) on buttons and interactive highlights
Typography: a hand-lettered serif is used for the headline animation; the overall typographic system supports the faded-romantic tone of the palette
Layout: the masonry grid uses staggered tiles with no rigid columns, allowing images to breathe and stack naturally like a curated mood board
Mobile & speed optimization
The masonry layout and parallax effects are designed to remain usable and visually coherent on smaller screens. The portrait header format translates naturally to mobile viewports without cropping the core composition.
The vertical portrait header format is natively suited to portrait-orientation mobile screens
The chapter-based progressive reveal reduces the visual load of displaying all images at once
The three-step modal form breaks a detailed inquiry into small, manageable screens, reducing drop-off on touch devices
How this template helps you convert
Every design and interaction choice in Tides serves the same goal: turning a curious visitor into a genuine inquiry. The page earns trust before it asks for anything.
The cinematic scroll sequence builds emotional investment chapter by chapter, so visitors arrive at the form already imagining their own wedding day rather than evaluating a service list.
The floating call to action appears at the natural pause point after each chapter, meeting visitors exactly when their excitement peaks, without interrupting the visual experience.
The three-step modal form reduces friction by asking simple, personal questions one screen at a time, and the warm confirmation message signals that a real person is on the other side.
Other information about this template
Tides is a strong fit for coordinators who rely on visual storytelling to attract destination clients. A few additional details worth knowing before you customize:
The template is designed as a single landing page, not a multi-page website, keeping the visitor's focus entirely on one conversion path
No pricing or service packages appear on the page by design; the form is positioned as the first conversation, not a sales sheet
The masonry grid layout is well-suited to photographers and coordinators with a strong image library, since the template is built around real photography
The page works for a range of ceremony scales: the form's ceremony style field covers intimate elopements, mid-size celebrations, and grand destination affairs
The beach region dropdown in the form makes this template practical for coordinators who serve multiple coastal locations
