Home
Templates
Community & Nonprofit
LGBTQ+ Organization
Affirm - Heartfelt Transgender Landing Page Template
Affirm is a warm, single-page fundraising landing page built for a transgender family support organization. It opens with a breathing Community Mosaic hero, then walks visitors through alternating portrait-and-story sections before arriving at a low-friction inline donation form. The design feels like a kitchen windowsill full of living herbs: unhurried, tended, and growing toward light.
by Rocket studio
Affirm is a heartfelt, single-page fundraising landing page for a peer support community serving trans youth and their families. A breathing photo mosaic sets the tone, zigzag story sections introduce real community voices, and a preset-amount donation form closes the loop with minimal friction. Every design choice prioritizes warmth and trust over clinical distance.
This template is built for nonprofits and community organizations that lead with human connection before asking for support. It suits teams whose audience arrives emotionally activated and needs to feel seen before they act.
Parents searching at 2 a.m. do not need another clinical brochure. They need a page that exhales with them. The challenge for many support organizations is that their websites feel institutional when their community is anything but.
You get a fully structured, section-complete landing page that introduces your community through faces and stories before it ever asks for anything. Every section serves a specific emotional and practical purpose.




Theme
Family First
Creative direction
Team & People
Color system
Botanical
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Breathing Community Mosaic Hero
Zigzag Alternating Story Sections
Inline Preset Donation Form
Sticky Fundraising Bar
Volunteer Interest Path
Scroll-fade and Staggered Entrance Animations
Can I change the preset donation amounts in the form?
Do visitors need to create an account to donate?
How does the sticky donation bar behave on the page?
Is the volunteer interest form part of this template?
Can this template work for a nonprofit outside of transgender support?
A brief description of the key capabilities built into this template follows below.
Dozens of candid portrait tiles fill the viewport in a soft-edged grid. On load, tiles breathe slightly in scale before the headline emerges over a frosted linen overlay. The collective image arrangement communicates community before a single word is read.
Four alternating blocks pair a portrait image on one side with a first-person quote and a single-line role description on the other. Left-image/right-text and right-image/left-text blocks alternate in rhythm, building emotional stakes quietly from one story to the next.
The donation form lives directly on the page without redirecting visitors. Four preset amounts ($25, $50, $100, and a custom field) each carry a tangible impact label. Only a name and email are required, keeping the path to giving as short as possible.
After the visitor scrolls past the third section, a persistent bottom bar carrying the primary call-to-action appears and stays visible. It reinforces the donation prompt without interrupting the storytelling experience above it.
Beneath the donation form, a secondary text link labeled "Volunteer With Us" routes visitors to a lightweight interest form. This gives non-donors a clear next step and broadens community engagement beyond financial giving.
Section content fades in on scroll and enters with staggered timing. This pacing mirrors the unhurried, conversational feel of walking into a support circle and being introduced one person at a time.
| Section | Purpose |
|---|---|
| Community Mosaic Hero | Opens with a breathing photo grid and frosted headline overlay |
| Primary Call to Action | Places the "Keep the Door Open" button beneath the hero mosaic |
| Zigzag Story Block 1 | Introduces a parent peer mentor with portrait and first-person quote |
| Zigzag Story Block 2 | Introduces a teen youth group facilitator with portrait and quote |
| Zigzag Story Block 3 | Introduces a family reunited after silence with portrait and quote |
| Zigzag Story Block 4 | Closes the story arc with a fourth community member portrait and quote |
| Impact Statistics | Atmospheric depth stats showing tangible community outcomes |
| Inline Donation Form | Preset amounts with impact labels, name, email, and volunteer link |
| Sticky Donation Bar | Persistent bottom bar appearing after third scroll section |
| Arc Footer | Logo and tagline on the left, navigation links on the right |
The visual identity follows a Botanical color system rooted in a Family First theme. The palette feels like a kitchen windowsill crowded with potted herbs: alive, tended, and growing toward light.
This template is built with a mobile-first priority because the primary audience often arrives on a phone in a quiet, anxious moment late at night.
The page earns trust through storytelling before it ever places an ask. By the time a visitor reaches the donation form, they already know whose door they are holding open.
This template is a strong fit for organizations that want to move away from cold, clinical web presentations and toward something that genuinely reflects their community culture.