Sommet is a dark, immersive landing page template built for a Switzerland luxury travel concierge. It pairs a cinematic masonry grid with a destination-responsive header to guide ultra-high-net-worth visitors from first glance to itinerary request. The design uses a Northern Lights color system and a film-like scroll sequence to make every interaction feel like a private preview of the Alps.
by Rocket studio
Sommet is a single-page template designed for a Switzerland luxury travel concierge. It opens with a full-viewport, destination-reactive search experience and unfolds into a masonry grid of cinematic experience cards. The Northern Lights color system keeps everything dark and atmospheric, while persistent and in-card calls to action guide visitors toward booking without ever feeling like a hard sell.
This template is built for high-end travel concierge brands that trade in access and exclusivity rather than standard tour packages. It suits founders and creative directors who want their landing page to feel like a curated editorial experience, not a booking engine.
Most travel landing pages lead with price grids, package lists, or generic hero images. For a luxury concierge brand, that presentation undercuts the offer before a single word is read. Sommet solves the credibility gap between an extraordinary service and the digital first impression it deserves.
You get a fully designed, single-page layout built around two core interaction moments: the destination-responsive header and the cinematic masonry grid. Together they create a scroll journey that moves visitors from curiosity to intent.




Theme
Dark Immersive
Creative direction
Cinematic Sequence
Color system
Northern Lights
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
Destination-reactive Video Header
Cinematic Masonry Grid
Expandable Experience Card Stories
Persistent Pulse Call-to-action
Northern Lights Color System
What kind of travel brand fits this template best?
Can I customize the masonry card captions and imagery?
How does the destination crossfade feature work in the header?
Does the template include the itinerary builder page?
Is this template suited for a portfolio of experiences or just one?
This template includes purpose-built components that work together as a coherent editorial system. Each feature listed below is drawn directly from the design brief.
The header occupies the full viewport and centers a single glowing teal search field over a slow-motion aerial drone clip of Lake Lucerne at blue hour. As a visitor types a destination, the background footage crossfades to match, creating a live, responsive atmosphere that no static hero image can replicate.
The masonry layout presents experiences as scenes rather than listings. Cards load in a staggered, parallax-shifted sequence, mixing tall cinematic formats with square intimate frames. Each card carries a single-line white caption and builds in exclusivity row by row, so the scroll itself feels like a narrative arc.
Tapping or clicking any masonry card opens a micro-story view with two additional images and a "Request This Experience" link. This in-card conversion path lets visitors go from discovery to inquiry without ever leaving the page context.
The "Begin Your Itinerary" button lives in the lower-right corner and stays present throughout the scroll. After the visitor has passed three rows of the grid, the button pulses once, drawing attention at exactly the right moment of intent without interrupting the browsing experience.
The palette is built around four values: abyssal night (#0B0E1A) as the dominant background, glacial teal (#3CAEA3) for hover states and active card borders, aurora violet (#7B2D8E) for premium badges and accent gradients, and fresh snowfield white (#F0F0F2) for all typography and dividing lines. The result is a visual atmosphere that feels like a mountain pass at 2 a.m. with an aurora overhead.
Each masonry card carries one line of white caption copy in place of a description block. Examples from the brief include "Dinner at 2,800 meters," "The vault they don't advertise," and "Tuesday morning, nowhere." This format keeps the grid uncluttered and lets the imagery do the persuading.
| Section | Purpose |
|---|---|
| Full-Viewport Header | Immerses the visitor and triggers destination-reactive video on input |
| Masonry Grid | Delivers the cinematic experience sequence as scrollable scene cards |
| Expandable Card Stories | Converts card interest into a micro-story and inquiry link |
| Persistent call to action Button | Anchors the primary conversion path throughout the entire scroll |
The visual identity is built on a Dark Immersive theme using the Northern Lights color system. Every design decision reinforces the feeling of a private alpine night: deep, velvet, and occasionally lit by impossible color.
The template is designed so the masonry grid and full-viewport header translate cleanly to smaller screens. The staggered card loading and parallax shifts are structured to work within a responsive layout without losing the cinematic quality of the desktop experience.
Sommet is built around a philosophy of earning the click rather than demanding it. Every structural and visual decision is calibrated to move visitors from atmospheric immersion to genuine intent.
Sommet is categorized under Travel and Hospitality, with a specific focus on Switzerland luxury travel. The intersection of the Dark Immersive theme, Cinematic Sequence creative direction, and Click-Through landing-page direction makes it a precise fit for concierge brands that compete on access and atmosphere rather than price and volume.