Smrbrd is a dark, immersive culinary landing page built for Norway food and travel experiences. It uses a Northern Lights color palette, a full-viewport portrait header, and a seasonal editorial grid to present curated tour cards. Each card opens a detail panel with itinerary, chef profiles, and pricing. The design earns attention before it asks for anything.
by Rocket studio
Loading preview…
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.
Theme
Dark Immersive
Creative direction
Curated Collection
Color system
Northern Lights
Style
Gallery + Detail
Direction
Direct Sales
Page Sections
Full-viewport Portrait Header with Reveal
Seasonal Collection Grid
Sliding Tour Detail Panel
Persistent Reserve Call to Action Bar
Gift Voucher Secondary Path
Full-bleed Interstitial Breaks
Related questions
How many tours can this template display at once?
Can I use this template for a single tour offering?
Is the Gift This Journey voucher path included in the template?
Can I update the seasonal section names and accent colors?
Does the template show pricing and departure dates inside the tour panel?
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
Section
Purpose
Portrait Header
Introduce the brand through a cinematic chef image and animated tour name reveal
Spring Fjord Collection
Display spring tour cards with aurora green accents and sliding detail panels
Interstitial Break 1
Full-bleed editorial image to reset pacing between seasonal sections
Midnight Summer Collection
Present summer tours with a shift to glacial violet accent tones
Interstitial Break 2
Full-bleed scene image bridging summer and autumn collections
Arctic Autumn Collection
Showcase autumn tours with smoked salmon pink accent highlights
Interstitial Break 3
Full-bleed landscape image before the final seasonal section
Polar Winter Collection
Feature winter tours with ice-white accents on the deep dark background
Persistent Reserve Bar
Anchored bottom bar with the primary reservation call to action
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.
The header and seasonal grid deliver atmosphere and story first, so visitors arrive at the detail panels already invested in the experience
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
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
