Wnaka is a cinematic, dark-immersive landing page built for New Zealand travel guides and blogs. It opens with a hand-illustrated topographic map header, flows into a masonry grid of destination stories, and drives every click toward deeper guides or an itinerary builder. The Sunset Mesa color palette and slow-drift animations make the page feel like golden hour on the South Island.
by Rocket studio
Loading preview…
Quick summary
Wnaka is a single-page travel landing page designed for New Zealand journey storytelling. It leads with an illustrated topographic map, cascades into a staggered masonry grid, and closes every card with a frictionless call to action. The dark volcanic palette and cinematic scroll rhythm make it feel less like a website and more like the start of a real trip.
Who this template is for
This template is built for travel writers, independent journey bloggers, and content creators who cover New Zealand in depth. It suits people who have real experiences to share and want a visual home that matches the quality of those stories.
Independent travel bloggers building a New Zealand destination guide
Couples or solo travellers publishing a campervan route or multi-day hiking itinerary
First-time travel publishers who need a credible, visually immersive landing page without starting from scratch
What problem this template solves
Most travel landing pages look like search results: a grid of thumbnails, a list of titles, and no sense of place. Readers arrive mid-planning, scan two seconds, and leave. Wnaka solves the credibility gap between a great travel story and the page that is supposed to sell it.
Generic templates flatten every destination into the same visual tone, removing the emotional pull that travel content depends on
Visitors who arrive undecided need visual proof and a clear path forward, not a wall of text or a sign-up gate
Without a deliberate scroll rhythm, even strong photography fails to hold attention past the first section
What you get with this template
You get a fully designed, section-complete landing page that turns travel photography and writing into a cohesive, click-driving experience. Every element is built from the source brief up, so the layout, color system, and interaction states already work together before you add a single word.
A hand-illustrated topographic map header with pulsing location dots and hover-bloom thumbnails
A cascading masonry grid with staggered card sizes, hover-reveal text hooks, and per-card read-guide calls to action
Theme
Dark Immersive
Creative direction
Cinematic Sequence
Color system
Sunset Mesa
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
Hand-illustrated Topographic Map Header
Staggered Masonry Grid Layout
Hover-reveal Story Hooks
Sticky Itinerary Builder Bar
Sunset Mesa Color System
Cinematic Scroll Sequence
Related questions
What type of travel content works best with this template?
Can I add more destination cards to the masonry grid over time?
Does the page require visitors to sign up or fill in a form?
Is this template suitable for a New Zealand campervan itinerary blog?
A sticky bottom bar carrying the primary "Plan Your Route" call to action, persistent across the full scroll
Feature list
This section covers the core built-in capabilities that define the Wnaka template experience.
Hand-Illustrated Topographic Map Header
The header fills the full viewport with a stylised relief map of both New Zealand islands. Contour lines render in tussock gold against volcanic black. Pulsing dots mark iconic locations, and each dot blooms into a destination photograph on hover. A slow southward drift animation gives the impression of flying the length of the country at dusk.
Staggered Masonry Grid Layout
The main content area uses a masonry grid where cards vary in height and width intentionally. Tall fiord shots sit beside tight square crops. Wide panoramas anchor intimate detail photographs. The stagger creates a scroll rhythm that mirrors the uneven, memorable nature of real travel rather than a uniform gallery.
Hover-Reveal Destination Hooks
Every card in the masonry grid darkens on hover and surfaces a one-line story hook in glacial mist text. The hook is written to pull the reader deeper, not just label the location. This interaction replaces a static caption with a micro-invitation to keep reading.
Sticky "Plan Your Route" Bar
A bottom bar stays fixed as the visitor scrolls the full page. It carries the primary call to action linking to an interactive itinerary builder. Because it never leaves the screen, the path from visual inspiration to active planning requires only a single tap at any point in the journey.
Sunset Mesa Color System
The palette uses four intentional values: deep volcanic black for backgrounds, tussock gold for headlines and navigation anchors, glacial mist for body text, and geothermal rust reserved strictly for hover and active link states. The system is consistent, making the page feel art-directed rather than assembled.
Cinematic Scroll Sequence
The page is structured so the emotional register shifts as the visitor scrolls. Iconic postcard landscapes appear first, then the grid deepens into lesser-known, intimate corners of New Zealand. The sequence rewards readers who keep going with places they have not seen elsewhere, building trust through insider knowledge.
Page sections overview
Section
Purpose
Topographic Map Header
Sets immersive scene and marks key destinations with interactive hover thumbnails
Masonry Story Grid
Displays destination cards at varied scales with hover-reveal hooks and read-guide links
Sticky Route Bar
Keeps the primary itinerary-builder call to action visible throughout the full scroll
Design & branding system
The Sunset Mesa color system is the foundation of every visual decision in this template. It was chosen to evoke the last fifteen minutes of light hitting dark volcanic rock, warm gold dragging across a bruised sky. Every color has a defined role, and none are interchangeable.
Backgrounds run in deep volcanic black (#1A1A2E), text breathes in glacial mist (#E8E4DF), and tussock gold (#D4A24E) marks headlines and navigation anchors
Geothermal rust (#C1440E) appears only on hover and active link states, flaring like embers stirred by a cursor
The hand-illustrated map and masonry grid share the same palette, creating visual continuity from the first viewport through the final card
Mobile & speed optimization
The template is designed so its cinematic qualities carry through on smaller screens. The masonry grid reflows cleanly, and the sticky bar remains accessible on touch devices. The slow-drift map animation and hover states are structured to work within a responsive layout.
The masonry grid adapts card scale for mobile viewports without losing the staggered rhythm
The sticky bottom bar repositions naturally for thumb reach on phones and tablets
Hover-reveal hooks translate to tap interactions on touch screens, keeping the read-guide path intact
How this template helps you convert
Wnaka is built around a click-through landing page direction, meaning every design decision reduces the distance between visual inspiration and action. There is no form, no gate, and no unnecessary step between arriving and planning.
The illustrated map header establishes credibility and place immediately, giving undecided visitors a reason to stay and scroll rather than bounce
Each masonry card delivers a one-line hook on hover and a direct "Read the Guide" link, shortening the path from curiosity to a full destination article
The persistent sticky bar ensures the "Plan Your Route" call to action is always one tap away, no matter how deep into the grid the visitor has scrolled
Other information about this template
Wnaka is built for the New Zealand travel guide and blog niche, with a visual identity strong enough to anchor a long-term content brand. The template supports the kind of storytelling that moves readers from passive browsing to active planning.
The template suits content covering iconic routes such as the Routeburn Track, the Kepler Track, Milford Sound, Abel Tasman, and the Tongariro Alpine Crossing
The Dark Immersive theme and Cinematic Sequence creative direction are well matched to travel photography that relies on mood and contrast rather than flat, bright layouts
The Masonry/Pinterest template style makes it straightforward to expand the grid as new destination guides are published, without restructuring the layout
The Map-Based header concept positions the page as an editorial experience rather than a directory, which aligns with readers who arrive mid-planning and need to be convinced, not just informed
