Dispatch is a horizontal scroll landing page template built for climate journalism publications. It pairs an editorial broadsheet aesthetic with a chapter-by-chapter contributor spotlight structure, guiding readers through long-form climate stories before presenting a newsletter subscription and PDF almanac lead capture. Designed desktop-first, it converts engaged, research-minded readers into loyal weekly subscribers.
by Rocket studio
Loading preview…
Quick summary
Dispatch is a horizontal scroll landing page template for climate change blogs and editorial publications. It opens with an animated book-cover reveal, moves through three contributor spotlight panels, and closes on a lead generation spread. The result is a reading experience that earns subscriber trust before asking for an email address.
Who this template is for
This template is built for editorial teams and independent publishers who produce serious, long-form climate journalism. It fits organizations that need their landing page to reflect the depth and credibility of their writing, not just announce it.
Climate journalism outlets and environment and sustainability blogs seeking a distinctive editorial presence
Sustainability officers, policy staffers, and graduate researchers who need a publication they can point colleagues toward
Independent editors and media founders who want a subscriber-focused landing page that doubles as a portfolio of contributors
What problem this template solves
Most blog landing pages treat readers as passive visitors. They present a headline, a call to action, and a sign-up form, in that order. Serious readers in the climate space distrust that approach. They want proof of craft before they commit an inbox slot.
Standard templates offer no narrative journey, so research-minded readers bounce before reaching the subscription form
Generic designs cannot communicate the rigor and pacing that distinguish long-form climate reporting from wire-service summaries
A plain form above the fold asks for trust before earning it, which costs conversions among skeptical, informed audiences
What you get with this template
The template delivers a fully structured, five-panel horizontal scroll landing page. Every panel has a defined editorial purpose, and the sequence is designed to build credibility progressively before presenting any conversion element.
A book-cover hero panel with a CSS 3D page-turn animation, full-bleed glaciologist photograph, and styled caption
Three contributor spotlight panels alternating between paper-cream portrait layouts and dark ink spreads with oversized pull quotes
Theme
Editorial Magazine
Creative direction
Creator Spotlight
Color system
Ink & Paper
Style
Horizontal Scroll
Direction
Lead Generation
Page Sections
Animated Book-cover Hero Panel
Horizontal Scroll Snap Layout
Creator Spotlight Panel System
Two-path Lead Generation Spread
Staggered Reveals and Parallax Motion
Editorial Typography Pairing
Related questions
Who is this landing page template designed for?
Can I adapt the contributor spotlight panels for my own writers?
Does this template include the email subscription form?
Is the horizontal scroll experience available on mobile?
What typography and colors does this template use?
A final lead generation panel with a torn-paper-edge email card, newsletter subscription field, and a gated PDF almanac download form
Feature list
The template includes the following built-in design and interaction capabilities, each grounded in the editorial broadsheet concept.
Animated Book-Cover Hero
The landing page opens as a leather-textured book cover with a debossed volume title and a thin red ribbon bookmark. After a brief beat, the cover flips left using a CSS 3D perspective animation, revealing a full-bleed black-and-white photograph with an italic caption, all within the first viewport.
Horizontal Scroll with Snap Panels
Each lateral panel behaves like a heavy printed page. CSS scroll snap keeps transitions crisp and intentional. The rhythm alternates between paper-cream portrait spreads and deep manuscript-black chapter panels, giving the scroll a printed-anthology feel rather than a digital slideshow.
Creator Spotlight Panel System
Three dedicated contributor panels each profile a different voice in climate journalism. Panels include photographic portraits, published article thumbnails fanned like magazine tearsheets, institutional detail, and pull quotes set in oversized editorial red serif type.
Lead Generation Spread
The final panel presents a centered subscription offer titled "Your Briefing, Every Thursday." It includes a single email input on a torn-paper-edge card, a call-to-action button in editorial red, and a secondary gated form for downloading the 2024 Climate Almanac in PDF format requiring name and professional affiliation.
Staggered Text and Parallax Reveals
Each panel uses staggered text reveal animations and parallax motion within the scroll frame. These effects reinforce the sense of turning into a new chapter rather than simply scrolling through content blocks.
Editorial Typography System
The template pairs Fraunces, a high-contrast variable display serif, with DM Sans for body and interface text. This combination gives headlines the weight of a printed masthead while keeping body copy and form labels clean and readable.
Page sections overview
Section
Purpose
Book Cover Hero
Animated cover flip introduces the publication with authority
Glaciologist Photograph
Full-bleed chapter opener establishes documentary tone
Marine Biologist Panel
Paper-cream contributor portrait with tearsheet article layout
Fire Ecologist Spread
Dark ink panel with oversized red pull quote and published work
Data Journalist Panel
Permafrost story with fanned article thumbnails and byline
Subscription & Almanac
Email capture card and gated PDF download close the journey
Design & branding system
The visual identity draws from an ink-and-paper editorial tradition. Every color choice and type decision references a physical printed object, creating immediate authority before the reader processes a single sentence.
Color palette: deep manuscript black (#1A1A2E) for primary backgrounds, warm uncoated stock (#F5F0E8) for cream panels, marginalia gray (#A6A09A) for captions and secondary text, and editorial red (#C23B22) reserved for pull quotes, bylines, and hover states
Typography: Fraunces display serif for headlines and pull quotes, DM Sans for body copy and form interfaces, together producing the contrast of a first-edition broadsheet
Texture and detail: leather-textured book cover, torn-paper-edge form card, debossed title treatment, and red ribbon bookmark accent establish a tactile editorial identity throughout
Mobile & speed optimization
The template is built desktop-first because horizontal scroll is the primary reading experience. A vertical fallback layout is included so the content remains fully usable on smaller screens without losing its editorial character.
Images are lazy-loaded panel by panel to keep initial load light on both desktop and mobile
The horizontal scroll snap system is designed to degrade gracefully into a standard vertical scroll on mobile viewports
CSS-driven animations reduce reliance on heavy JavaScript for the cover-flip and staggered reveal effects
How this template helps you convert
The conversion sequence is structural, not just cosmetic. Readers encounter the subscription form only after experiencing three complete contributor spotlights. That sequence is deliberate and trust-building.
The book-cover animation and chapter framing signal that this publication takes craft seriously, setting reader expectations high before any written claim is made
Three contributor panels give readers enough depth, a marine biologist, a fire ecologist, and a data journalist, to judge the writing quality themselves before seeing the subscription form
The final panel offers two conversion paths: a low-commitment weekly newsletter and a higher-intent gated almanac download, so both casual readers and professional researchers have a natural next step
Other information about this template
This template is part of the Blog and Editorial category, sitting within the Environment and Sustainability Blog subcategory. It was designed specifically around the climate change blog niche, where reader trust is the primary conversion barrier.
The horizontal scroll format is a desktop-first experience with a mobile vertical fallback included
The template style is classified as Horizontal Scroll with an Editorial Magazine theme and an Ink and Paper color system
The creative direction follows a Creator Spotlight structure, meaning the conversion path is built through contributor credibility rather than platform-level claims
The header concept is Chapter and Book, using the physical metaphor of opening a cloth-bound volume to frame the reader's entry into the publication
The lead generation direction supports both a newsletter subscription path and a secondary PDF almanac gate, giving editorial teams two list-building tools in one layout
