Advocate is a hero-dominant landing page template built for a women's empowerment research and policy institute. It turns grassroots testimony into a compelling fundraising experience, guiding foundation officers, researchers, and individual donors through documented policy victories before asking them to give. Every design choice, from the mosaic header to the three-step donation form, is built to earn trust and drive action.
by Rocket studio
Loading preview…
Quick summary
Advocate is a single-page fundraising template for a women's empowerment research and policy institute. It opens with a full-viewport community mosaic, walks visitors through real policy victories, and closes each story cycle with a clear call to donate. The layout is hero-dominant, the tone is scholarly and urgent, and every dollar requested is mapped to a documented outcome.
Who this template is for
This template is built for organizations that do serious policy work and need a donation landing page that reflects that seriousness. It speaks directly to readers who expect evidence before they give.
Foundation program officers evaluating grantees for research rigor and measurable impact
Graduate researchers and policy professionals looking for credible datasets and documented outcomes
Individual donors, particularly professional women in their forties and fifties, who give because they understand the cost of being underestimated
What problem this template solves
Most nonprofit fundraising pages ask for money before they explain what the money did. That approach fails with educated, skeptical audiences. Advocate solves this by reversing the sequence.
It shows documented policy victories first, so donors trust the organization before the ask appears
It makes the donation feel concrete by tying each giving tier to a specific, tangible outcome
It captures non-donors through a secondary research email path, building a pipeline of future givers
What you get with this template
You get a fully structured, single-page fundraising layout designed for a women's empowerment policy institute. Every section serves the core goal: convert a skeptical, informed visitor into a committed donor.
A cursor-reactive community mosaic hero with a serif headline overlay and a primary call-to-action button
A policy victory gallery using an asymmetric bento narrative format, a live impact counter sidebar, and a three-step progressive donation form
A secondary email-capture path that nurtures researchers and non-donors toward the quarterly report and future giving
Theme
Educational Guide
Creative direction
Community Gallery
Color system
Forest Trust
Style
Hero-Dominant (90/10)
Direction
Donation/Fundraising
Page Sections
Cursor-reactive Mosaic Hero
Policy Victory Gallery
Animated Impact Counter Sidebar
Three-step Progressive Donation Form
Secondary Research Email Capture
Scroll-triggered Reveals and Parallax Depth
Related questions
Who is this landing page template designed for?
What does the three-step donation form include?
Can this template capture leads from visitors who are not ready to donate?
What makes the hero section different from a standard banner?
Is this template built for desktop or mobile audiences?
Feature list
This template is built around a specific set of interactive and structural features drawn directly from the project brief.
Cursor-Reactive Community Mosaic Header
The full-viewport hero is a tight grid of portrait-style photographs showing hands, eyes, mouths, and fingers engaged in the work of advocacy. As the visitor moves their cursor, individual tiles subtly brighten, making attention itself feel like a form of recognition. A serif headline fades in over the center of the mosaic.
Policy Victory Gallery with Bento Narratives
Each policy story follows a four-beat rhythm: the statistic that started it, the community voice that shaped it, the brief that carried it, and the vote or ruling that landed it. Photographs, pull quotes, and data visualizations layer like evidence exhibits. The gallery uses an asymmetric bento layout for visual variety and editorial weight.
Animated Running Impact Counter
A sidebar counter quietly tallies policies influenced, testimonies collected, and states reached. The numbers grow as the visitor scrolls, reinforcing cumulative proof that the organization delivers measurable legislative change. The counter reappears alongside the repeated donation call to action.
Three-Step Progressive Donation Form
The donation form breaks the giving process into three clear steps. First, the visitor chooses an amount tied to a specific outcome. Second, they enter a name and email address. Third, they complete payment. Giving tiers are anchored to real costs: fifty dollars for one testimony transcription, two hundred fifty dollars for a state-level policy brief, and one thousand dollars for a full legislative campaign.
Secondary Research Email Capture
A soft call to action reading "Read Our Latest Research" appears alongside the primary donation prompt. It captures email addresses for the quarterly report, nurturing foundation officers and researchers who are not yet ready to donate into a long-term giving relationship.
Scroll-Triggered Reveals and Parallax Depth
Sections animate into view as the visitor scrolls, using staggered reveals and parallax depth to create a reading-room rhythm. The pacing is deliberate: read, absorb, feel, then scroll. This keeps engagement high across a long-form, evidence-rich page.
Page sections overview
Section
Purpose
Community Mosaic Hero
Opens the page with collective visual proof and the primary donation call to action
Policy Victory Gallery
Tells the first policy story using the stat, voice, brief, and vote narrative format
Impact Counter Sidebar
Displays animated running totals and repeats the "Fund the Next Brief" call to action
Maternal Mortality Story
Presents the second policy narrative with a data visualization and a donation prompt
Three-Step Donation Form
Guides visitors through amount selection, contact entry, and payment completion
Single-Row Footer
Closes the page with a linear, minimal footer layout
Design & branding system
The visual identity follows an Educational Guide theme using a Forest Trust color system. The aesthetic is best described as a university library built inside a national forest: moss on stone, gilt-edged spines, and lamplight on oak.
Color palette: old-growth evergreen (#2D4A3E) for primary backgrounds, sun-warmed parchment (#F5ECD7) for alternating sections, deep loam brown (#4A3728) for body text, and quiet goldenrod (#C9A84C) reserved for donation buttons and pull-quote borders
Typography: Fraunces serif for display headings and editorial pull quotes; DM Sans for body text, form labels, and navigation
Backgrounds alternate between parchment and evergreen to create rhythmic section contrast; white space is generous and deliberate, signaling that every word earned its place
Mobile & speed optimization
The template is built desktop-first, reflecting the research-heavy browsing habits of foundation officers, policy professionals, and the primary donor persona. Full mobile support is included so the page performs well across all screen sizes.
Interactive elements, including the cursor-reactive mosaic and the three-step donation form, are handled as client-side components to keep static sections lightweight
Server components handle static content sections, keeping the structural load low while preserving rich interactivity where it matters
How this template helps you convert
Advocate is designed around a single principle: show receipts before asking for money. Every structural decision serves that goal.
The mosaic hero and policy gallery establish credibility and emotional connection before any donation prompt appears, so the ask lands on a foundation of demonstrated impact rather than abstract promises.
The three-step donation form reduces friction by breaking a potentially intimidating financial commitment into a clear, outcome-anchored sequence, making it easy for a donor to understand exactly what their gift will fund.
Other information about this template
This template is part of the Community and Nonprofit category, specifically designed for the Women's Empowerment Nonprofit subcategory and the Women's Empowerment Research and Policy Institute niche.
The page uses a Community Gallery creative direction, meaning each section is structured as a mini-narrative exhibit rather than a generic content block
The header concept is a Community Mosaic, a deliberate editorial choice that argues through form: no single face dominates because the work is collective
The landing page direction is Donation and Fundraising, with the entire section sequence oriented toward converting informed visitors into committed donors
The template style is Hero-Dominant at a ninety-to-ten ratio, placing maximum visual and narrative weight on the opening mosaic before transitioning into the evidence-led scroll
The footer follows a linear single-row pattern, keeping the close of the page clean and uncluttered
