Wellspring is a clean water awareness campaign landing page built for nonprofits, public health advocates, and community organizers. It follows an Origin Story scroll structure, from underground aquifer to a child's hands at a communal tap, and guides visitors toward event registration through emotionally grounded storytelling, zigzag alternating sections, and animated impact data.
by Rocket studio
Loading preview…
Quick summary
Wellspring is a single-page event registration template for clean water awareness campaigns. The design traces the journey of water from source to community, pairing intimate human narratives with data visualizations in a zigzag layout. A custom watercolor illustration, animated counters, and a focused registration form make the page both emotionally resonant and action-ready.
Who this template is for
This template speaks directly to people working at the intersection of public health and community action. It is built for those who already understand the stakes and need a page that earns trust fast.
Public health advocates and grant writers who need a credible, compelling campaign presence
Returning service volunteers and educators ready to mobilize their communities around clean water access
Municipal leaders, donors, and community organizers seeking a structured event registration page
What problem this template solves
Most nonprofit campaign pages struggle to connect raw statistics with lived human experience. Visitors leave feeling informed but not moved. Wellspring solves that gap by building an emotional arc before the call to action ever appears.
Data alone does not inspire action; this template anchors every statistic to a human story
Generic registration forms feel transactional; this page makes sign-up feel like joining a movement
Fragmented layouts lose visitors mid-scroll; the Origin Story structure keeps momentum building toward the moment of highest hope
What you get with this template
You get a complete, section-by-section landing page ready to carry a clean water awareness campaign from first impression to confirmed registration. Every element is purposeful and grounded in the campaign's narrative.
A custom watercolor SVG panorama illustration as the hero, moving from underground aquifer to a village tap scene
Six structured sections covering the crisis, the intervention, the transformation, impact numbers, and a dual-path registration call to action
Theme
Healing Space
Creative direction
Origin Story
Color system
Cloud Canvas
Style
Zigzag/Alternating
Direction
Event Registration
Page Sections
Scroll-linked Watercolor Hero Illustration
Zigzag Alternating Content Layout
Animated Gold Impact Counters
Dual-path Event Registration Form
Origin Story Narrative Structure
Cursor-reactive Parallax and Section Reveals
Related questions
Can I change the registration form fields?
Is this template suitable for campaigns outside clean water?
How does the watercolor illustration work in the browser?
Can I use this page for ongoing fundraising rather than a single event?
Does the page support two separate registration paths?
A Healing Space visual system using the Cloud Canvas color palette, GSAP scroll animations, and zigzag alternating layouts throughout
Feature list
This template is built around features that serve the campaign's storytelling mission while keeping the registration path clear and direct.
Scroll-Linked Watercolor Illustration
The hero section features a hand-drawn, watercolor-style SVG panorama. It begins underground with aquifer rock and root systems, rises through the soil, and breaks into a village scene where a child fills a ceramic jug. The illustration reveals progressively as the visitor scrolls, powered by GSAP ScrollTrigger.
Zigzag Alternating Section Layout
Each content section alternates between a human narrative panel and a data or diagram panel. This rhythm ensures emotional weight is always supported by evidence. The staggered layout prevents visual fatigue and keeps the scroll feeling purposeful.
Animated Impact Counters
A full-width section displays key campaign statistics as animated gold counters. The numbers count up on scroll entry, drawing the eye and reinforcing the campaign's credibility at the moment of highest emotional engagement.
Dual-Path Event Registration Form
The registration section offers two clear paths. The primary call to action, "Reserve Your Seat," captures full name, email, and a role dropdown (volunteer, educator, donor, or community leader). A secondary option, "Host a Screening in Your City," serves visitors with larger organizing ambitions.
Origin Story Scroll Structure
The page is organized as a narrative arc: crisis, intervention, transformation, impact, and action. Each section builds on the last so that by the time the registration form appears, the visitor already feels part of the story. The structure is designed to convert through earned trust.
Cursor-Reactive Parallax and Section Reveals
Interactive depth effects respond to cursor movement, adding a sense of gentle immersion consistent with the Healing Space theme. Sections animate into view as they enter the viewport, keeping the experience fluid without overwhelming the content.
Page sections overview
Section
Purpose
Hero Illustration
Establishes the emotional journey from underground aquifer to village tap
Crisis Zigzag
Presents a family's morning without clean water alongside supporting data
Intervention Zigzag
Shows engineers, local leaders, and filtration science with diagram visuals
Transformation Zigzag
Returns to the same family with clean water access and impact statistics
Impact Numbers
Displays animated gold counters for key campaign data points
Registration Call to Action
Hosts the "Reserve Your Seat" form and "Host a Screening" secondary path
Footer
Provides a linear single-row footer with essential campaign links
Design & branding system
The visual identity follows a Healing Space theme built on the Cloud Canvas color system. Every choice reinforces a feeling of calm clarity and quiet urgency, like morning fog lifting off a still lake.
Colors: vapor white (#F7F9FC) for backgrounds, aquifer teal (#2B6777) for body text, rain-washed blue (#A8C6DF) for accents, and warm humanitarian gold (#E2B84B) reserved for calls to action and key data highlights
Typography: Fraunces serif for headings brings warmth and narrative weight; DM Sans handles body text with clean, breathable readability
Illustration style: intentionally imperfect watercolor line work colored in Cloud Canvas tones, with gold highlighting the water itself as it moves through the frame
Mobile & speed optimization
The template is built with an equal device priority, acknowledging that grant writers work at desktop while returning volunteers often share pages on mobile in the field.
Static sections use server components to keep the initial page load light and responsive
Animation and interactivity logic is handled by client components, keeping GSAP effects from blocking content rendering
The zigzag layout reflows cleanly for smaller screens, preserving the narrative sequence without losing the alternating visual rhythm
How this template helps you convert
The registration form does not appear until the visitor has traveled the full emotional arc of the campaign. By the time they reach "Reserve Your Seat," they already feel invested.
The Origin Story structure earns attention before asking for anything, building trust section by section rather than leading with a form
The role dropdown on the registration form ("volunteer / educator / donor / community leader") makes visitors feel seen and categorized meaningfully, not just collected
The secondary "Host a Screening in Your City" path captures high-intent visitors who are ready to take larger action, expanding the campaign's reach beyond a single event
Other information about this template
This template is a strong starting point for any organization running a clean water nonprofit campaign, community fundraiser, or public health awareness event. It is fully adaptable to related cause verticals.
The template is categorized under Community and Nonprofit, with a specific focus on clean water awareness campaigns
The Healing Space theme and Cloud Canvas palette can be recolored to align with an organization's existing brand guidelines
The GSAP ScrollTrigger animations and magnetic call-to-action buttons can be adjusted in intensity to suit different audience expectations
The footer follows Pattern 1, a linear single-row layout that keeps end-of-page navigation minimal and focused
