Testify — Powerful Social Justice Landing Page Template

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

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.

1. The hero constellation establishes presence and weight before any call to action appears, so visitors arrive in a state of attention rather than skepticism
2. 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
3. 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

Show more