Palate — Mediterranean Wellness Event Landing Page Template
Terroir is a hero-dominant landing page template built for a Mediterranean supplement brand. It guides visitors through a sensory scroll journey, from a UGC photo mosaic hero to immersive ingredient sections, before landing on an event registration form with a countdown timer. The design captures warm, artisanal warmth through an earthy Fire & Earth color palette and rich serif typography.
by Rocket studio
Quick summary
Terroir is a single-page landing page template made for Mediterranean supplement brands running tasting events. It uses a scroll-driven sensory journey, a mosaic UGC hero, and a registration form with a countdown to convert health-curious visitors into event attendees. The design feels warm, handcrafted, and rooted in place.
Who this template is for
This template fits brands and creators who want their page to feel as intentional as the product itself. The sensory scroll structure and event-registration flow make it a strong fit for specific audiences.
- Mediterranean supplement brands hosting live virtual tasting events with shipped sample kits
- Health and wellness creators who want to capture sign-ups from home cooks and functional nutritionists
- Makers building event-driven product launches where the experience leads conversion
What problem this template solves
Most supplement landing pages lead with ingredient lists and benefit claims. Terroir flips that approach. It builds trust through atmosphere and feeling before making any ask. Visitors feel the product before they read a single claim.
- It removes the cold, clinical tone that pushes health-curious buyers away
- It solves the challenge of making a scroll-through page feel immersive without heavy custom development
- It gives makers a clear registration path with form fields, a countdown timer, and a secondary email-capture option
What you get with this template
You get a fully structured landing page with five distinct content sections and a minimal footer. Every section has a defined visual role and a clear purpose in the conversion journey.
- A UGC photo mosaic hero with a floating serif headline and a staggered reveal animation
- Four sensory scroll sections covering sight, smell, taste, and touch, each with its own visual treatment
- An event registration block with a countdown timer, a short form, and a secondary guide download path
Feature list
This template is built around a tightly defined set of design and interaction choices. Each feature serves the sensory-first conversion strategy described in the brief.
UGC Photo Wall Hero
The hero fills ninety percent of the viewport with a mosaic grid of warm-graded customer photos. A single serif headline floats over the center tile. No call-to-action button appears until the visitor begins to scroll, making the first impression feel editorial rather than commercial.
Scroll-Linked Sensory Sections
Four sections descend through sight, smell, taste, and touch. Each section isolates one sensory experience, using macro photography, illustrated vapor trail animations, a looping video, and a linen-weave texture background respectively. The design captures the essence of each ingredient without relying on claim-heavy copy.
Event Registration Block with Countdown
The registration section anchors a live countdown timer beside a short form collecting name, shipping address, and one segmentation dropdown. A secondary path below offers a guide download for visitors not ready to commit, so the page captures two audience types in one set of elements.
Fire & Earth Color System
The palette uses sun-scorched clay for headlines, deep Kalamata purple for footer and trust elements, unbleached linen as the dominant background, and wild thyme green reserved strictly for hover states. Incorporating warm earth tones this way stimulates appetite and creates a festive, grounded atmosphere throughout the page.
Fraunces and DM Sans Typography Pairing
Fraunces handles all serif headlines, making the copy feel warm and literary. DM Sans carries body text cleanly at any size. The pairing supports the artisanal, hand-glazed ceramics aesthetic without sacrificing readability.
Minimal Horizontal Footer
The footer follows a clean horizontal flow pattern. It uses the deep Kalamata purple as its anchor color and stays intentionally sparse, protecting the sensory experience from visual noise at the end of the page.
Page sections overview
| Section | Purpose |
|---|---|
| UGC Photo Hero | Opens with mosaic customer photos and floating headline |
| Sight Scroll Section | Macro ingredient photography draws visitors deeper |
| Smell and Origin | Vapor trail animation paired with Cretan hillside copy |
| Taste and Product | Looping video introduces capsule and powder products |
| Touch and Register | Linen texture background anchors the registration form |
| Minimal Footer | Closes the page with trust color and clean links |
Design & branding system
The design follows an Organic Flow theme built on the Fire & Earth color system. Every visual choice connects soil, climate, and warmth to the supplement's origin story.
- Clay (#B5451B) drives all headlines and pricing elements; linen (#F5ECD7) dominates the background across all sections
- Thyme green (#6B7F3E) appears only on hover states, making interactions feel like brushing a hand across a hillside garden
- The texture-rich touch section shifts the background to a linen weave pattern, making product cards feel tactile and warm
Mobile & speed optimization
The template is designed desktop-first, with strong adaptation for smaller screens. The sensory experience requires visual breathing room, and the layout respects that at every breakpoint.
- Intersection Observer drives all scroll-linked section reveals, keeping transitions smooth without heavy scripting
- CSS-native smooth scroll handles all vertical movement, reducing reliance on JavaScript for basic navigation
- The mosaic hero and looping video sections are structured to scale gracefully on mobile without breaking the sensory flow
How this template helps you convert
The page is built around a single conversion goal: event registration. Every section moves the visitor closer to that action by earning attention before making an ask.
- The sensory scroll journey builds desire and trust before the registration form ever appears, making the "Reserve My Tasting Kit" call to action feel like a natural next step rather than an interruption
- The countdown timer and limited-seat framing create urgency, while the secondary "Just Send Me the Guide" path captures visitors at an earlier stage of commitment
Other information about this template
This is the Terroir Mediterranean supplement tasting event landing page template, designed for brands in the Food and Beverage category at the intersection of Mediterranean wellness and event-driven commerce. Several broader topics are worth noting for teams planning their build and promotion strategy.
- No-code tools enable users to create promotional content without extensive technical skills, and this template is structured to support that workflow
- AI-powered platforms can help automate the design process for event marketing materials, making it easier to adapt this template for different September event dates throughout the year
- AI can streamline the creation of marketing materials for events, and using AI in event promotion can enhance the personalization of outreach to segmented attendee lists
- Visual storytelling in this template can be extended with maps or infographics showing the journey from Cretan soil to supplement, connecting specific Mediterranean conditions like volcanic soil to the nutrient profile of the ingredients
- The page is built to succinctly list ingredients and their benefits in the taste section, supporting transparency that health-conscious buyers expect
- Sensory descriptions throughout the template connect soil and climate to wellness benefits, which is the core promise of the Mediterranean supplement tasting event experience
- Highlighting unique dishes, food pairings, and interactive tasting activities helps set this event apart from typical supplement launches
- Warm colors in the design stimulate appetite and create a festive atmosphere, which is a proven approach for promoting culinary events and unique dishes to food-curious audiences
- The September event calendar is a natural fit for this template; brands running September tasting sessions can update the countdown timer and form details without restructuring the page




Theme
Organic Flow
Creative direction
Sensory Appeal
Color system
Fire & Earth
Style
Hero-Dominant (90/10)
Direction
Event Registration
Page Sections
UGC Photo Wall Hero
Scroll-linked Sensory Sections
Event Registration with Countdown
Fire & Earth Color System
Fraunces and DM Sans Typography
Minimal Horizontal Footer
Related questions
Can I update the countdown timer for a different event date?
Does the template support two separate conversion paths?
Can I replace the placeholder photos in the hero mosaic?
Is this template suited for functional nutritionists as well as home cooks?