Home
Templates
Community & Nonprofit
LGBTQ+ Organization
Gather - Vibrant Pride Landing Page Template
Gather is a hero-dominant landing page template built for pride organizations and queer joy collectives. It uses emotional storytelling, a hand-drawn festival illustration, and illustrated giving tier cards to turn first-time visitors into donors and volunteers. The Teal Catalyst color system and Hero's Journey scroll structure make every section feel earned before the ask arrives.
by Rocket studio
Gather is a single-page fundraising template for pride festivals and LGBTQ+ nonprofits. It opens with a full-viewport custom illustration and guides visitors through an emotional story arc before presenting a "Light a Lantern" donation module. Every design choice, from the hand-lettered headline to the illustrated giving tiers, is built to make donors feel like participants, not transaction lines.
This template is made for queer collectives, pride festival organizers, and LGBTQ+ nonprofit teams who need a fundraising page that reflects the warmth and weight of their work. It is equally useful for first-time organizers launching a community campaign and established organizations refreshing their annual giving page.
Most nonprofit fundraising pages treat donors like form fields. They lead with a sterile donation widget and generic copy that could belong to any cause. For a pride organization, that disconnect is especially costly. Visitors who find this page carry real emotional stakes. They need to feel the space before they can fund it.
You get a fully structured, single-page fundraising layout built around a narrative scroll experience. Every section is designed and sequenced to carry the visitor from curiosity to commitment.




Theme
Healing Space
Creative direction
Hero's Journey
Color system
Teal Catalyst
Style
Hero-Dominant (90/10)
Direction
Donation/Fundraising
Page Sections
Full-viewport Festival Illustration Header
Hero's Journey Scroll Structure
Illustrated Giving Tier Cards
Scroll-linked Lantern Animation
Named Community Pull-quotes
Live Fundraising Progress Bar
Who is the Gather template designed for?
Can I use this template for volunteer sign-ups as well as donations?
How does the illustrated donation module work?
Is this template suitable for a parent or family audience?
Can local businesses use this page to explore festival sponsorship?
This template is built around a specific set of functional and visual components drawn directly from the Gather brief.
The hero section uses a custom SVG illustration rendered as an aerial view of a festival clearing. Dozens of figures in flowing hand-drawn lines fill the space. The illustration uses the full teal-to-magenta spectrum, with no figure defined by sharp outlines. A single line of hand-lettered text fades in below: "Every year, we build this place from nothing. Help us build it again."
The page follows a deliberate narrative arc. It opens in the Ordinary World with community statistics on isolation and organizing costs. It then crosses into the origin story through a photo timeline that moves from grainy early images to vivid recent ones. Middle sections build emotional stakes through programming highlights and named community pull-quotes before arriving at the donation modules.
The "Light a Lantern" donation module presents three giving tiers as illustrated cards rather than a standard form. Each tier carries a specific meaning: twenty-five dollars lights one lantern in the illustration, seventy-five dollars sponsors a youth ticket, and two hundred fifty dollars names a quiet room. The module appears twice, once mid-scroll and once at the final scene.
The final illustrated scene mirrors the opening header, but the clearing is now full and the lanterns are lit. Scroll-linked animation progressively lights the lanterns as the visitor reaches the bottom of the page. This visual payoff connects the donor's journey back to the opening image and reinforces the campaign's emotional core.
The community voices section displays pull-quotes from named individuals with their years of attendance. These are not generic testimonials. Each quote is formatted as a warm editorial card using the warm skin tone background, grounding the social proof in real, specific community memory.
A progress bar overlay sits inside the hero section and reappears contextually through the scroll. It shows the current fundraising goal in real time, including a donor count, so visitors understand the collective momentum behind the campaign before they are asked to contribute.
| Section | Purpose |
|---|---|
| Hero Illustration | Opens with aerial festival SVG, fade-in headline, and progress bar overlay |
| Origin Story Timeline | Isolation statistics and photo timeline from grainy beginnings to vivid present |
| Programming Highlights | Festival bento layout showcasing event programming and community activities |
| Community Voices | Named pull-quotes with years of attendance on warm skin tone editorial cards |
| Mid-Scroll Donation | "Light a Lantern" illustrated giving tier cards with interactive tier selection |
| Final Illustrated Scene | Mirror of the hero with lanterns lit, repeated donation module, and closing headline |
| Footer | Logo and tagline on the left, navigation links on the right |
The Teal Catalyst color system drives every visual decision in this template. Deep healing teal (#1A6B6A) dominates section backgrounds and washes. Soft sage (#A8D5BA) softens transitions between sections. Warm skin glow (#F4DFC8) grounds typography and testimonial cards. Catalyst magenta (#D64A8E) appears only on buttons and donation calls to action, reserving its intensity for moments that ask something of the visitor.
This template is built mobile-first, which reflects the actual behavior of festival-goers who discover the page on their phones while at or preparing for events. The scroll experience, animation triggers, and donation module are all sequenced for thumb navigation and small-screen readability.
Every structural and visual decision in this template is built to lower the distance between feeling and giving. The page does not lead with the ask. It earns the gift through story.
This template is categorized under Community and Nonprofit, with a specific subcategory of LGBTQ+ Organization and a niche focus on pride organizations and festivals. It is designed for United States audiences using USD and English-language copy.