Gather - Healing Interfaith Landing Page Template

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

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
  • 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

SectionPurpose
Hero with hashtagOpens with movement energy and instant credibility stats
Testimonial mosaicBuilds emotional weight through three escalating participant stories
Trust and impactReinforces credibility with faith leader voices and city count
Donation formConverts empathy into a labeled, tiered giving action
Organizer inquiry formCaptures leads from chaplains and community organizers
Pinned bottom barKeeps the primary call to action visible throughout the scroll
Minimal footerCloses 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.

  1. The testimonial mosaic escalates vulnerability across three stories, building the emotional weight needed to make a gift feel necessary rather than optional
  2. The labeled donation tiers replace abstract giving with concrete meaning, so a donor knows exactly what their $72 makes possible before they click
  3. 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
Gather - Healing Interfaith Landing Page Template
Gather - Healing Interfaith Landing Page Template
Gather - Healing Interfaith Landing Page Template
Gather - Healing Interfaith Landing Page Template

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?