Testify — Powerful Social Justice Landing Page Template
Witness is a human rights fundraising landing page built for organizations that trace every donation to a specific case. It opens with a #StillHere movement moment, unspools an origin story through an alternating zigzag layout, and drives visitors toward event registration and direct case funding. The Forest Trust color system and documentary visual rhythm make solidarity feel grounded, not abstract.
by Rocket studio
Loading preview…
Quick summary
Witness is a single-page human rights fundraising template designed to turn survivor testimony into collective action. It opens with a full-screen hashtag constellation, scrolls through an alternating origin story, and closes with two clear paths: register for the annual solidarity gathering or fund an active case directly. Every section earns visitor trust before making an ask.
Who this template is for
This template was built for human rights nonprofits that need a digital home where stories and donations carry equal weight. It works best for organizations with real case outcomes, a founding narrative worth telling, and a community ready to gather.
Pro bono legal teams and nonprofit coordinators who need a dignified, professional fundraising presence
Diaspora community organizations raising funds for legal defense, medical support, or family resettlement
Human rights advocates and graduate-level researchers looking for a platform that reflects the gravity of the work
What problem this template solves
Most nonprofit fundraising pages feel transactional. They ask for money before they earn trust. Witness inverts that pattern by leading with testimony, building context through a documentary scroll, and only then presenting an invitation to act.
Donors cannot see where their contribution goes, which weakens confidence and reduces follow-through
Organizations struggle to communicate a founding purpose without losing visitors to a wall of text
Event registration pages rarely feel meaningful, turning a gathering of committed people into a generic sign-up flow
What you get with this template
You get a complete, single-page layout that moves from emotional arrival to informed action in one continuous scroll. Every section is purpose-built and sequenced to build trust gradually.
A hero section with a #StillHere hashtag constellation that fades in portrait photographs with country and year tags, followed by a single grounding line of text
A zigzag alternating origin story that pairs documentary photography or hand-drawn maps against short narrative paragraphs, moving from founding moment through first case won, first fund disbursed, and first family resettled
Theme
Healing Space
Creative direction
Origin Story
Color system
Forest Trust
Style
Zigzag/Alternating
Direction
Event Registration
Page Sections
#stillhere Constellation Hero Section
Zigzag Alternating Origin Story
Event Registration Form
Case Funding Cards with Progress Bars
Impact Metrics Display
Scroll-linked Animation System
Related questions
Can I customize the color palette and typography?
How does the 'Fund a Case Directly' section work?
Is the registration form connected to any external service?
Can I use my own photographs in the hero constellation?
Does this template work for organizations outside the United States?
An impact metrics section with grounded statistics, two call-to-action touchpoints for event registration, active case funding cards with progress indicators, and a minimal footer
Feature list
This template ships with a set of purpose-built components. Each one serves the specific demands of a human rights fundraising context.
#StillHere Hashtag Constellation Hero
The page opens on solid canopy green with a single enormous hashtag centered on screen. Portrait photographs fade in one by one around it, each tagged with a country and a year. Only after the constellation forms does a grounding line of text appear beneath, making presence felt before any ask is made.
Zigzag Origin Story Layout
The alternating section layout scrolls like a documentary. Text blocks and full-bleed images alternate sides as the narrative moves forward in time: founding moment, first verdict, first fund disbursed, first family resettled. The rhythm builds from intimate to collective, making the organization's history legible and emotionally coherent.
Event Registration Form with Open Text Field
The primary call to action, "Take Your Seat," appears twice: once at the narrative midpoint and again at the close. The registration form collects name and email, then asks one unexpected question: "What brings you here?" That open text field turns sign-up into an act of self-identification.
Case Funding Cards with Progress Indicators
A secondary action path, "Fund a Case Directly," presents active cases as individual cards. Each card includes a progress bar styled in healed-scar gold, so donors can see exactly how far a specific legal defense or resettlement fund has come and what remains.
Impact Metrics Section
A dedicated section surfaces grounded statistics: cases funded, families reached, and attorneys connected. These figures are presented without inflation, giving the organization's track record a specific, credible voice.
Scroll-Linked Animation System
Portrait appearances are staggered. Section reveals are scroll-linked. The hero constellation builds slowly on load. These medium-intensity animations keep the page feeling alive without overwhelming visitors who arrive carrying the weight of difficult topics.
Page sections overview
Section
Purpose
#StillHere Hero
Open with presence, not a pitch
Origin Story Zigzag
Build trust through documented history
Impact Metrics
Ground the mission in real numbers
Event Registration
Invite visitors to take a seat
Fund a Case
Offer immediate, traceable giving
Footer
Close with minimal, respectful navigation
Design & branding system
The visual identity follows a Healing Space theme. Every color choice references the floor of an old-growth forest, where light arrives slowly and the ground holds weight without breaking. Typography pairs Fraunces serif headlines with DM Sans body text, creating a documentary feel that is readable at any hour.
Forest Trust palette: canopy green (#1B3A2D) as the primary background, weathered birch (#E8E0D5) as the secondary, moss after rain (#5A7247) as a supporting tone, and healed-scar gold (#C9A84C) reserved strictly for calls to action and progress indicators
Backgrounds alternate between canopy green and birch across zigzag sections, with text always living in the opposite tone for clear contrast
Gold appears sparingly throughout, the way sunlight finds a gap in leaves, signaling only the moments that require a decision
Mobile & speed optimization
The template is designed desktop-first, reflecting the reality that pro bono attorneys and diaspora community members often engage with this content late at night on larger screens. Mobile responsiveness is built in so the experience holds across all devices.
Staggered portrait animations and scroll-linked reveals are handled by client-side components, keeping static content fast to deliver
Server Components power the static sections of the page, separating rendering concerns from interactive elements like the registration form and case funding cards
The zigzag layout reflows cleanly on smaller viewports, preserving the alternating rhythm without requiring horizontal scrolling
How this template helps you convert
Witness earns the click by making visitors feel known before they are asked for anything. The page is structured to move people from emotional recognition to informed commitment in a single, uninterrupted scroll.
The hero constellation establishes presence and weight before any call to action appears, so visitors arrive in a state of attention rather than skepticism
The origin story zigzag builds organizational credibility through specific, time-stamped milestones, giving visitors a reason to trust the ask before they reach the form
Two distinct action paths, event registration and direct case funding, mean visitors with different levels of readiness both find a natural next step
Other information about this template
This template is part of the Community and Nonprofit category, under the Human Rights Nonprofit subcategory, and is specifically designed for the human rights fundraising platform use case. It is built with a Zigzag/Alternating layout style and follows the Origin Story creative direction.
The header concept is a Hashtag/Movement moment, designed to build collective identity through a slow, portrait-led reveal before any navigation or call to action appears
The landing page direction is Event Registration, with "Take Your Seat" as the primary call to action and "Fund a Case Directly" as a secondary giving path
Localization defaults are set for English language, United States Dollar (USD) currency, and MM/DD/YYYY date formatting
The footer follows a horizontal flow pattern, keeping the close of the page minimal and respectful in tone
Testify — Powerful Social Justice Landing Page Template Template | Build Fully Functional Applications with Rocket
