Smrbrd - Immersive Culinary Landing Page Template

Quick summary

Smrbrd is a gallery and detail landing page built for a Norway food and culinary tour brand. The page opens with a full-viewport chef portrait and reveals the tour name letter by letter. Visitors scroll through four seasonal collections, each shifting in accent color, before arriving at a persistent "Reserve Your Seat" call to action anchored at the bottom.

Who this template is for

This template is built for operators who sell high-end, small-group culinary travel. The audience is already experienced and needs atmosphere, not a hard sell.

• Tour operators and travel brands running curated Norway food experiences
• Food writers and trip designers who need a visually editorial showcase
• Small-group travel hosts with a premium, story-driven offer

What problem this template solves

Most travel landing pages look like booking engines. They lead with price and a calendar widget before the visitor has felt anything. This template reverses that order.

• Visitors experience the story first and the checkout second, reducing skepticism before the ask
• The editorial grid lets multiple seasonal tours coexist without feeling like a cluttered catalog
• The persistent call to action stays present without interrupting the narrative scroll

What you get with this template

You get a single, fully structured landing page that handles both gallery browsing and detailed tour discovery in one continuous flow. Every section is pre-designed and ready to populate with your own content.

• A full-viewport portrait header with a two-second reveal animation for the tour name
• A seasonal collection grid with sliding detail panels showing itinerary, chef profiles, and pricing
• A persistent "Reserve Your Seat" bottom bar and a secondary "Gift This Journey" voucher path

Feature list

This template includes purpose-built components designed specifically for a Norway food and culinary tour experience.

Full-Viewport Portrait Header

The header fills the entire screen with a vertical portrait image. The tour name appears letter by letter after a two-second hold, creating an immediate sense of place before any copy is read.

Seasonal Editorial Collection Grid

Tours are organized into four seasonal sections: Spring Fjord, Midnight Summer, Arctic Autumn, and Polar Winter. Each section carries a distinct aurora accent color, so the page itself shifts visually as visitors scroll deeper.

Sliding Tour Detail Panel

Clicking any tour card opens a side panel with the full itinerary, hero dish photography, the specific chef or forager guests will meet, departure dates, group size capped at eight, and per-person pricing.

Persistent Reserve call to action Bar

A "Reserve Your Seat" bar in aurora green activates once the visitor scrolls past the first collection. It stays anchored at the bottom of the viewport without blocking the editorial content above it.

Gift Voucher Checkout Path

A secondary "Gift This Journey" link opens a simplified checkout flow for experience vouchers. This path serves gifters without disrupting the primary reservation flow.

Full-Bleed Interstitial Imagery

Between seasonal collections, full-bleed interstitial images break the grid. These editorial pauses, showing scenes like a longboat table set on a dock or cloudberries on moss, maintain the immersive rhythm of the page.

Page sections overview

Design & branding system

The visual identity is built on a Northern Lights color system that treats every bright element as something earned by surrounding darkness. The palette creates a sense of depth and atmosphere before a single word is read.

• Core colors: abyssal fjord black (#0B0E13) as the primary background, deep winter blue (#141B2D) for detail panels, aurora green (#3DDC84) for the primary call to action, glacial violet (#7B68EE) for seasonal accent shifts, and smoked salmon pink (#E8967D) reserved for pricing and call-to-action pulses
• Typography uses a thin, wide-tracked serif rendered in light weight to feel like condensed breath in cold air
• Each seasonal section reassigns the aurora accent color, so the page palette evolves organically as the visitor scrolls

Mobile & speed optimization

The layout is designed to maintain the immersive editorial feel across screen sizes. Portrait orientation is the natural viewing mode for this design, and every component is built with that in mind.

• The full-viewport header scales to portrait mobile dimensions without cropping the central dish composition
• Sliding detail panels convert to full-screen overlays on smaller screens, keeping itinerary and pricing fully readable
• Full-bleed interstitial images are sized to load efficiently while preserving the visual weight of each scene

How this template helps you convert

The page is structured to build desire before introducing any friction. Every layout decision delays the ask until the visitor already wants to say yes.

1. The header and seasonal grid deliver atmosphere and story first, so visitors arrive at the detail panels already invested in the experience
2. Pricing displayed in smoked salmon pink inside the detail panel feels like a reveal rather than a barrier, reinforcing perceived value before the checkout step
3. The two-step checkout flow asks for dates first and payment second, keeping the earliest commitment feel low and the completion rate high

Other information about this template

This template is categorized under Travel and Hospitality, with a focus on Norway travel and specifically on Norway food and culinary tour experiences. It is built for direct sales with no intermediary booking platform required by the design.

• The template style is Gallery plus Detail, meaning the browsing experience and the deep-dive experience are unified on a single page
• The header concept is Vertical Portrait, optimized for full-height viewport display on both desktop and mobile
• The creative direction is Curated Collection, presenting tours as editorial cards rather than list items or table rows
• The Dark Immersive theme and Northern Lights color system are integral to the brand identity and are not interchangeable with lighter palette variants without a full redesign

Show more