Dispatch - Compelling Nonprofit Landing Page Template

Dispatch is a horizontal-scroll nonprofit newsletter landing page built around editorial conviction. It guides readers through a manifesto journey, from a hand-drawn broadsheet illustration to stacked belief statements to torn newsletter clippings, ending at a single-field email capture. The result is a lead generation page that earns signups through voice, not promises.

by Rocket studio

Quick summary

Dispatch is a horizontal-scroll landing page for a weekly nonprofit newsletter. It opens with a hand-drawn editorial illustration, moves through manifesto panels and physical newsletter clippings, and closes with a stamped envelope email capture. The page converts readers emotionally before asking for anything. One email field. One clear call to action. No friction.

Who this template is for

This template is built for nonprofit communicators, advocacy organizations, and editorial teams running a weekly newsletter with a clear point of view. It is for people who want their landing page to feel like a publication, not a product pitch.

  • Program directors and advocacy staffers who need a signup page that matches their editorial voice
  • Nonprofit communications leads who want to grow a newsletter list without relying on generic lead forms
  • Independent policy journalists or grassroots storytellers launching a letter with conviction

What problem this template solves

Most nonprofit newsletter signup pages look like software onboarding screens. They list features, ask too many questions, and feel nothing like the writing they are meant to promote. Dispatch solves this by making the landing page itself feel like the newsletter.

  • Readers often bounce before they sign up because the page has not earned their trust
  • Generic form layouts undercut strong editorial voices and weaken the case for subscribing
  • There is no way to demonstrate writing quality before asking for an email address

What you get with this template

You get a complete horizontal-scroll landing page with all panels, components, and interactive elements described in the brief. Everything is structured for a desktop-first broadsheet experience, with a vertical mobile fallback included.

  • A five-panel manifesto sequence, a torn-clipping evidence section, a convergence panel, and a stamped email capture panel
  • A persistent floating call-to-action element that appears after the third scroll panel
  • A secondary proof link reading "Read Last Week's Letter" positioned below the primary email form

Feature list

This section covers the core built-in capabilities of the Dispatch template.

Horizontal Scroll Broadsheet Layout

The template uses a pinned horizontal scroll engine driven by GSAP and ScrollTrigger. Each panel advances like turning a page of a broadsheet laid flat. Staggered text reveals animate as the reader moves through each panel.

Hand-Drawn Hero Illustration

The first panel features a custom charcoal line-work illustration on newsprint cream. It depicts a long table covered in open letters, coffee rings, scattered pens, and hands mid-gesture. The style references editorial woodcut and modern zine production, with visible crosshatching and ink-bleed edges.

Manifesto Panel Sequence

Five sequential panels stack belief statements like protest signs. Typography grows bolder across panels. Postmark red appears more frequently as conviction builds, creating a visual rhythm that mirrors the escalating tone of the writing.

Torn Clipping Evidence Section

Midway through the scroll, actual newsletter excerpts appear as torn paper clippings with visible tape and handwritten margin notes. This section shows the writing itself as proof, letting readers evaluate editorial quality before committing to a signup.

Stamped Envelope Email Capture

The call-to-action panel is designed as a stamped envelope flap. A single email field sits beneath the prompt "Deliver It Thursday" in postmark red. No name, no organization field, no dropdown. The form also includes the secondary "Read Last Week's Letter" plain text link for skeptical readers.

Persistent Floating Call to Action

After the third scroll panel, a floating call-to-action element appears and remains visible for the rest of the scroll journey. This keeps the signup option accessible without interrupting the manifesto reading experience.

Page sections overview

SectionPurpose
Hero Illustration PanelOpens with editorial illustration and letterpressed headline
Manifesto Belief PanelsFive panels of stacked conviction statements building toward action
Evidence Clipping SectionTorn newsletter excerpts with tape and margin notes as proof
Convergence PanelBridges "we believe" to "you already know this" before the ask
Email Capture PanelStamped envelope form with single field and secondary proof link
Minimal FooterCentered, stripped-back footer closing the broadsheet experience

Design & branding system

The visual identity follows an Ink and Paper theme using the Cloud Canvas color system. Every color choice is deliberate and restrained, referencing the tactile warmth of a letterpress proof sheet held up to window light.

  • Newsprint cream (#F5F0E8) background, pressed charcoal (#2B2B2B) for body text, pencil-sketch gray (#9E9A91) for captions and secondary elements, and postmark red (#C4453C) reserved for calls to action and pull quotes
  • Typography uses Fraunces, a serif typeface with a letterpressed feel, for headlines and body copy, paired with JetBrains Mono for annotations and captions
  • The visual style draws from editorial woodcut, letterpress printing, and zine production, with deliberate imperfections like ink bleed, crosshatching, and visible texture throughout

Mobile & speed optimization

The template is built desktop-first to honor the horizontal broadsheet experience. A vertical scroll fallback is included for mobile visitors so the manifesto and clipping sections remain readable on smaller screens.

  • The hero illustration is served as a static asset via a server component, keeping initial load weight low
  • The horizontal scroll engine runs as a client-side component, keeping static content rendering separate from interactive behavior
  • All animation and interactivity is handled through GSAP with ScrollTrigger pinning, so scroll behavior is smooth without blocking page rendering

How this template helps you convert

Dispatch earns conversions through editorial experience rather than persuasion copy. The page qualifies readers emotionally before the email form ever appears.

  1. The manifesto journey builds trust panel by panel, so readers who reach the call-to-action panel have already spent time inside the newsletter's voice and worldview
  2. The single-field email form removes all friction at the moment of decision, and the floating call-to-action element keeps the option visible throughout the scroll without forcing it
  3. The secondary "Read Last Week's Letter" link gives hesitant readers one more proof point, reducing abandonment among visitors who want evidence before commitment

Other information about this template

Dispatch is part of a nonprofit newsletter category designed for organizations in the Blog and Editorial space. It is well suited for advocacy journalism, policy translation newsletters, and grassroots media projects.

  • The template style is Horizontal Scroll, which is uncommon in the nonprofit landing page space and immediately signals editorial seriousness
  • Creative direction follows a Manifesto format, making it particularly effective for newsletters with a distinct ideological or values-driven identity
  • The header concept is a Custom Illustration, meaning no stock photography is used anywhere on the page
  • The landing page direction is Lead Generation with a single conversion goal, keeping the page focused and the reader's path clear
Dispatch - Compelling Nonprofit Landing Page Template
Dispatch - Compelling Nonprofit Landing Page Template
Dispatch - Compelling Nonprofit Landing Page Template
Dispatch - Compelling Nonprofit Landing Page Template

Theme

Ink & Paper

Creative direction

Manifesto

Color system

Cloud Canvas

Style

Horizontal Scroll

Direction

Lead Generation

Page Sections

Horizontal Scroll Broadsheet Engine

Hand-drawn Editorial Illustration

Stacked Manifesto Panel Sequence

Torn Clipping Evidence Section

Single-field Stamped Envelope Form

Persistent Floating Call to Action

Related questions

Can I change the newsletter name and manifesto copy?

Does this template work for mobile visitors?

Is the email form connected to a mailing list platform?

Can I replace the hand-drawn illustration with my own artwork?

Do I need coding experience to use this template?