Okusi is a gallery and detail landing page template built for Croatia food and culinary tour experiences. It pairs a cinematic panoramic header with a seasonal scroll experience, immersive gallery clusters, and a two-step booking form. The design system blends deep Adriatic navy, sun-bleached limestone, and fig-leaf green into a warm, appetite-driven visual identity that earns trust before it asks for a reservation.
by Rocket studio
Okusi is a single-page culinary tour template designed for Croatia food experiences. It opens with a wide-lens seaside header, flows through four seasonal gallery clusters, and closes with a focused booking form. The design feels hand-crafted and unhurried, guiding food-obsessed travelers from first impression to confirmed reservation without ever feeling like a hard sell.
This template is built for tour operators, culinary experience hosts, and travel brands offering food-led journeys in Croatia or similar destinations. It speaks directly to buyers who care about the story behind the meal, not just the itinerary.
Generic travel booking pages fail food-focused travelers. A visitor who plans a trip around restaurant reservations and producers' markets needs to feel the experience before they commit. Most templates show prices and departure dates. This one shows grandmothers kneading dough and autumn dogs sniffing truffle soil first.
You get a complete gallery and detail landing page ready for a Croatia food and culinary tour. Every section is purpose-built to move a visitor from curiosity to booking through sensory content and a frictionless two-step form.




Theme
Organic Flow
Creative direction
Seasonal/Moment
Color system
Ocean Calm
Style
Gallery + Detail
Direction
Booking/Scheduling
Page Sections
Cinematic Panoramic Header
Four Seasonal Gallery Clusters
Expandable Producer Detail Panels
Two-step Booking Form
Gift Voucher Secondary Path
Floating and Anchored Booking Buttons
Can I update the seasonal gallery content each quarter?
Does the booking form support gift purchases?
Can I show real departure dates and remaining seat counts?
Is this template suitable for culinary tours outside Croatia?
How does the floating call-to-action button work?
A paragraph describing this section: The template delivers a focused set of purpose-built components. Each feature is drawn directly from the source brief and reflects a specific visitor need or conversion moment.
The header is a full-width 21:9 image of a seaside terrace table loaded with oysters and a carafe of white wine catching the light. A single fade-in headline, "Seven days. Forty dishes. One coastline.", appears over open water. Navy anchors the top bar while the image breathes with negative space on the sea side.
Four thematic gallery clusters guide the scroll like a turning calendar. Spring opens with wild asparagus on Brač hillsides. Summer shows a lampara-lit squid-fishing boat at night. Autumn descends into Motovun truffle hunts. Winter closes in a Slavonian smokehouse. Each cluster holds three to five images that expand into detail panels with specific place and producer names.
Every gallery image can expand into a detail panel showing the dish name, the village where it is made, and the farmer or fisherman visitors will actually meet. This transforms a photo gallery into a credible itinerary preview that builds confidence before the booking step.
The booking form runs in two clean steps. Step one lets the visitor choose a season and preferred month, then surfaces real departure dates with remaining seats shown as "4 seats left at the table." Step two collects name, email, group size, and one optional open field that signals the company listens.
A secondary call to action labeled "Send as a Gift" runs alongside the primary booking flow. After a deposit, the template generates a downloadable voucher. This opens a second buyer segment without cluttering the main conversion path.
The primary call to action, "Reserve Your Seat at the Table," appears first as a floating button after the second gallery cluster, then again as an anchored button in the final section. Fig-leaf green highlights booking buttons and seasonal tags on hover, keeping the conversion path visible at every scroll depth.
| Section | Purpose |
|---|---|
| Panoramic Header | Opens the experience with a wide-lens seaside image and a single fade-in headline |
| Spring Gallery Cluster | Showcases wild asparagus foraging and spring producers on Brač |
| Summer Gallery Cluster | Captures lampara squid fishing and coastal summer dishes |
| Autumn Gallery Cluster | Immerses visitors in Motovun truffle hunts and pasta encounters |
| Winter Gallery Cluster | Closes the seasonal arc in a Slavonian smokehouse with cured kulen |
| Floating Booking call to action | Introduces "Reserve Your Seat at the Table" after the second gallery cluster |
| Two-Step Booking Form | Handles season selection, departure dates, group details, and the gift path |
| Gift Voucher Section | Provides a secondary path for buyers purchasing the experience as a gift |
| Final Anchored call to action | Reinforces the reservation prompt at the bottom of the page |
The Ocean Calm color system is built around four values that each carry a specific visual role. The palette references hand-painted Hvar ceramics, salt-washed coastline light, and the warmth of a candlelit table.
The Organic Flow theme and gallery-heavy layout are structured to remain readable and usable on smaller screens. Seasonal clusters and expandable panels are built to function cleanly without horizontal scrolling or layout collapse.
Every design and content decision in this template is aimed at reducing the psychological distance between browsing and booking. The visitor earns the right to see the form only after the page has already made them hungry.
This template is built specifically for the Croatia food and culinary tour niche within the broader Travel and Hospitality category. It is a single-page gallery and detail landing page, not a multi-page website, so all content, navigation, and booking logic live within one scroll experience.