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
| Section | Purpose |
|---|---|
| Hero Illustration Panel | Opens with editorial illustration and letterpressed headline |
| Manifesto Belief Panels | Five panels of stacked conviction statements building toward action |
| Evidence Clipping Section | Torn newsletter excerpts with tape and margin notes as proof |
| Convergence Panel | Bridges "we believe" to "you already know this" before the ask |
| Email Capture Panel | Stamped envelope form with single field and secondary proof link |
| Minimal Footer | Centered, 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.
- 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
- 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
- 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




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?