Gather is a single-page fundraising landing page built for interfaith dialogue organizations. It uses a zigzag testimonial mosaic, a cinematic hero with a movement hashtag, and a tiered donation form to move visitors from empathy to action. The soft mist color palette and warm amber accents create a tone of quiet trust and shared humanity.
by Rocket studio
Loading preview…
Quick summary
Gather is a fundraising landing page designed for interfaith dialogue organizations doing the quiet, difficult work of healing communities after violence. Its zigzag testimonial layout, movement-style hero, and labeled donation tiers guide visitors from emotional recognition to committed giving, all wrapped in a palette that feels like candlelight in a still room.
Who this template is for
This template is built for organizations and individuals who sit at the intersection of faith, community healing, and civic responsibility. If your work involves bringing people together across religious lines, this page was designed with your audience in mind.
Nonprofit interfaith organizations seeking donations and organizer sign-ups
University chaplains building cross-faith programming and events
City officials or community leaders working to prevent faith-based conflict
What problem this template solves
Most nonprofit landing pages feel institutional. They ask for money before they earn the right. Gather solves the trust gap by leading with lived experience, not statistics. The page builds emotional momentum section by section until giving feels like participation rather than charity.
Donors leave generic nonprofit pages unconvinced because the story never lands
Organizers struggle to communicate the human weight of interfaith work in a short scroll
Communities recovering from trauma need a page that meets them where they are, not where the organization wants them to be
What you get with this template
You get a fully structured single-page layout that handles both of your primary conversion goals: collecting donations and capturing organizer interest. Every section is intentional, from the movement-moment hero to the pinned bottom bar that follows visitors down the page.
A cinematic hero section with an oversized serif hashtag and a hand-gesture photo montage
A zigzag testimonial mosaic with escalating vulnerability across three participant stories
Theme
Healing Space
Creative direction
Testimonial Mosaic
Color system
Soft Mist
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Movement-style Hero with Credibility Stats
Zigzag Testimonial Mosaic Layout
Labeled Four-tier Donation Form
Organizer Inquiry Form
Pinned Bottom Call-to-action Bar
Scroll Reveals, Parallax, and Marquee Ticker
Related questions
Can I change the donation amounts in the form?
Is this template suitable for a one-time campaign or ongoing use?
Do I need to provide my own testimonials and photos?
Can the organizer form and donation form both appear on the same page?
What type of organization is this template best suited for?
A labeled four-tier donation form plus a secondary organizer inquiry form
Feature list
This template includes purpose-built components that carry emotional and functional weight at every scroll point.
Movement-Style Hero with Stats Bar
The hero opens on a close-cropped montage of hands from different skin tones resting on a shared wooden table. No single face dominates. The headline sets #WeGatherAnyway in oversized, unhurried serif type. Beneath it, a single credibility line reads: "142 dialogues. 38 cities. Every faith at the table."
Zigzag Testimonial Mosaic
Each alternating section pairs a participant's story on one side with a textured photograph on the other. The voices escalate in vulnerability: a facilitator describing the method, a skeptic who almost did not come, and a mother who lost her son to a shooting and now co-leads a circle. Every card displays the person's first name, faith tradition, and city.
Labeled Donation Tier Selector
The donation form offers four preset amounts: $36, $72, $180, and $500. Each tier is labeled with a plain-language description of what it funds, such as "chairs and chai for one evening" or "facilitator training for a new city." A custom amount field is also included for donors who want to give differently.
Organizer Inquiry Form
A secondary conversion path titled "Bring a Dialogue to Your Community" captures the visitor's city, congregation name, and email address. This form is designed for chaplains, faith leaders, and community organizers ready to host a dialogue circle in their own location.
Pinned Donation Call to Action
After the third testimonial, a "Fund the Next Circle" call-to-action button appears. It is then pinned gently in a bottom bar that stays visible as the visitor scrolls, keeping the primary conversion goal accessible without feeling aggressive.
Scroll-Reveal Animations and Parallax
The template includes medium-intensity scroll reveal animations, text mask transitions, and a parallax effect on the hero photo. A marquee ticker runs supporting impact data across the page. These motion elements are powered by Intersection Observer logic and CSS scroll behavior.
Page sections overview
Section
Purpose
Hero with hashtag
Opens with movement energy and instant credibility stats
Testimonial mosaic
Builds emotional weight through three escalating participant stories
Trust and impact
Reinforces credibility with faith leader voices and city count
Donation form
Converts empathy into a labeled, tiered giving action
Organizer inquiry form
Captures leads from chaplains and community organizers
Pinned bottom bar
Keeps the primary call to action visible throughout the scroll
Minimal footer
Closes with a centered, uncluttered Superhuman-style footer
Design & branding system
The visual identity follows a Healing Space theme. Every design choice prioritizes warmth, stillness, and intimacy. Nothing is sharp, cold, or distracting.
Color palette: morning fog white (#F4F1EE), dove gray (#B8B2A8), washed sage (#C5CFC0), and candlelight amber (#D4A96A) reserved strictly for buttons and pull quotes
Typography: Fraunces serif for headlines paired with DM Sans for body text, creating a tone that feels considered even at a glance
Backgrounds alternate between fog white and the palest sage wash, with deep charcoal (#3B3836) body text that reads like something handwritten
Mobile & speed optimization
This template is built desktop-first but carries strong mobile performance for faith leaders who primarily use phones. The layout adapts gracefully across screen sizes without losing its emotional texture.
Zigzag sections reflow into a single-column stacked layout on smaller screens
Scroll reveals and parallax effects are scoped with Intersection Observer to avoid layout thrashing on mobile
The pinned donation bottom bar remains accessible and tappable on all device sizes
How this template helps you convert
Gather earns its conversions by making visitors feel they are joining something rather than funding something. The page is structured to move a skeptical reader through recognition, trust, and finally action.
The testimonial mosaic escalates vulnerability across three stories, building the emotional weight needed to make a gift feel necessary rather than optional
The labeled donation tiers replace abstract giving with concrete meaning, so a donor knows exactly what their $72 makes possible before they click
The pinned bottom bar keeps the "Fund the Next Circle" button present throughout the scroll, reducing friction for donors who decide mid-page
Other information about this template
This template is categorized under Community and Nonprofit, specifically within the Religious and Spiritual Organization subcategory. It is localized for the United States market, using USD and English throughout.
The page style is Zigzag and Alternating, following a Testimonial Mosaic creative direction
The header concept is a Hashtag and Movement moment, suited for cause-driven organizations with a named campaign identity
The color system is Soft Mist, and the landing page direction is Donation and Fundraising
This template suits organizations using platforms such as Framer, where Fraunces and DM Sans are available as web fonts
