Reef - Artisan Aquarium Landing Page Template
Reef is a warm, artisan-styled landing page template built for neighborhood saltwater and reef aquarium shops. It uses a modular card grid to showcase display tanks, livestock arrivals, and services. The primary call to action is a floating "Book a Tank Consultation" button, with a secondary "Reserve This Coral" path inside livestock cards to turn browsers into buyers.
by Rocket studio
Quick summary
Reef is a single-page landing page template designed for boutique reef and saltwater aquarium shops. It blends lifestyle photography, a warm organic color palette, and a modular card grid to guide visitors from discovery to booking. The layout prioritizes local character and curated craft over generic retail presentation.
Who this template is for
This template is built for small, hands-on reef and saltwater aquarium shops that compete on expertise and personal service rather than price. It suits owners who want their page to feel as considered as their display tanks.
- Independent reef aquarium shop owners serving hobbyists, home builders, and commercial clients
- Coral frag specialists and livestock curators who want to highlight weekly arrivals and quarantine status
- Tank maintenance and consultation service providers offering in-store and home-visit appointments
What problem this template solves
Most aquarium shop pages look like generic pet retail sites. They bury the craft, skip the story, and give no reason to choose one shop over another. Reef fixes that by making the shop's character the main event.
- Visitors leave generic shop pages without booking because there is no clear, immediate path to a consultation
- Livestock browsers have no way to reserve specific corals before visiting, so interest rarely converts to foot traffic
- Shop owners have no structured layout to communicate tank stories, service offerings, and weekly stock updates in one scroll
What you get with this template
Reef delivers a complete, ready-to-customize landing page organized around the rhythm of a real reef shop visit. Every section is purposeful and every component is tied to a specific conversion goal.
- A lifestyle hero header with tagline, cross streets, and hours visible above the fold
- A modular card grid covering display tank stories, services, livestock calendar, and booking paths
- A floating "Book a Tank Consultation" button and a three-step booking form with tank type, size slider, and calendar picker
Feature list
This template includes purpose-built components that reflect how a reef shop actually operates and how its customers actually browse.
Lifestyle Hero Header
A wide, shallow-depth-of-field header photograph sets the mood immediately. Shop hours and cross-street location are visible without scrolling, so first-time visitors get essential information at a glance.
Modular Card Grid Layout
Cards vary in height and width across the grid, giving each section its own visual weight. Display tank stories, service snapshots, and livestock cards all share the same grid without looking uniform or mass-produced.
Floating Booking Button
A "Book a Tank Consultation" button in living coral (#E07A5F) pins itself after the first scroll. It stays accessible throughout the entire page without interrupting the browsing experience.
Three-Step Consultation Form
The booking form guides visitors through three focused steps: selecting tank type (new build, existing reef, or maintenance), setting tank size with a gallon slider, and choosing an available in-store or home-visit time slot.
Livestock Calendar Cards
A dedicated section shows what shipped this week, what is currently quarantining, and what is ready to purchase. Each card includes a "Reserve This Coral" secondary call to action so hobbyists can claim a frag before their visit.
Named Display Tank Stories
Individual display tank cards carry real names and notes, such as how long the system has been running and its track record. This approach builds trust through specificity rather than generic product photography.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Header | Introduce the shop with lifestyle imagery, tagline, location, and hours |
| Display Tank Cards | Showcase named reef ecosystems with running histories and character notes |
| Services Row | Present coral fragging, water testing, and maintenance visits as real interactions |
| Livestock Calendar | Communicate weekly arrivals, quarantine status, and ready-to-purchase stock |
| Reserve This Coral | Let hobbyists claim specific frags directly from livestock cards |
| Booking Form | Guide visitors through tank type, size, and appointment slot in three steps |
| Floating call to action Button | Keep the consultation booking path accessible throughout the full scroll |
Design & branding system
The Soft Mist color system is built around the quiet beauty of a tide pool at low morning light. Every color choice moves the visitor's eye toward the livestock photography and away from hard retail edges.
- Core palette: sun-bleached driftwood (#D7C9B8), shallow lagoon blue (#A8C4D6), wet sand (#E8DDD3), and near-white mist (#F5F1EC) for alternating backgrounds
- Accent color: living coral (#E07A5F) reserved strictly for buttons, price tags, and hover states to preserve its visual weight
- Body text in deep reef rock charcoal (#3D3A38) ensures readability without competing with full-color livestock and tank photography
Mobile & speed optimization
The modular card grid is structured to reflow gracefully on smaller screens. Tall and wide cards stack in a logical reading order so no section loses its narrative context on mobile.
- The floating booking button remains accessible and correctly positioned across screen sizes
- Card shadows, background alternation, and accent colors are all applied through lightweight CSS so the visual system stays intact without heavy asset loading
- The three-step booking form is touch-friendly, with the gallon slider and calendar picker sized for thumb navigation
How this template helps you convert
Reef is designed with two distinct conversion paths that work together. The primary path moves visitors toward a consultation; the secondary path captures hobbyists who are already browsing livestock.
- The floating "Book a Tank Consultation" button keeps the primary call to action visible at all times, reducing the effort needed to start the booking process after any section of the page.
- The "Reserve This Coral" button embedded in livestock cards converts passive browsing into a committed reason to visit the shop, turning inventory interest into foot traffic.
Other information about this template
Reef is categorized under Pet and Animal templates, specifically within the Aquarium and Exotic Pets subcategory, with a niche focus on saltwater and reef aquarium businesses. The template style is Card Grid (Modular) and the landing page direction is Booking and Scheduling.
- The Warm Artisan theme and Local and Neighborhood creative direction are baked into the layout, not just the colors, making the page feel handcrafted rather than templated
- The header concept is a Lifestyle Shot, designed to use real photography from the shop floor rather than studio product imagery
- This template is a strong fit for reef shops building a local client base through word-of-mouth referrals and community forum presence
Theme
Warm Artisan
Creative direction
Local & Neighborhood
Color system
Soft Mist
Style
Card Grid (Modular)
Direction
Booking/Scheduling
Page Sections
Lifestyle Hero Header
Modular Card Grid Layout
Floating Booking Button
Three-step Consultation Form
Livestock Calendar Cards
Named Display Tank Stories
Related questions
Can I update the livestock calendar section myself?
Does the booking form support both in-store and home-visit appointments?
Can I adjust the card grid so some cards are taller or wider than others?
Is the Reserve This Coral button separate from the main booking flow?
Can I swap in my own shop photography for the header and card images?