Wnaka - Cinematic Travel Landing Page Template

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
• 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

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.

1. The illustrated map header establishes credibility and place immediately, giving undecided visitors a reason to stay and scroll rather than bounce
2. 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
3. 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

Show more