Witness - Powerful Humanrights Landing Page Template

Quick summary

Witness is a single-page human rights awareness campaign template built around documentary evidence and survivor testimony. It opens with a mosaic of real, unpolished field photographs, then guides visitors through a sourced statistic, a captioned documentary video, and an expandable case study timeline, ending with a clear call to action to read the full report.

Who this template is for

This template is designed for advocates and researchers who need their audiences to understand before they act. It respects the intelligence of every visitor while meeting them at different levels of prior knowledge.

• Graduate students and legal researchers building evidence-based arguments around transitional justice
• Nonprofit program officers, journalists, and investigative reporters evaluating documentation and sourcing
• Campaign organizers and field workers who need a credible, shareable public-facing page for global audiences

What problem this template solves

Human rights campaigns often struggle to hold attention long enough to build genuine understanding. Visitors skim, feel overwhelmed, or leave before the evidence lands. This template solves that by structuring the page as a methodical descent, from raw human testimony to verified data to a specific documented case, so the weight accumulates naturally.

• Disconnected storytelling that separates emotion from evidence, losing both audiences
• Pages that ask for action before visitors understand what they are acting on
• Campaign materials that feel too polished, undermining the credibility of real testimony

What you get with this template

You get a fully structured, single-page layout built specifically for human rights awareness campaigns. Every section serves a purpose in the persuasion sequence, and nothing is filler.

• A hero-dominant UGC photo wall that fills ninety percent of the viewport with a slowly breathing grid of field photographs
• An interactive case study timeline with expandable nodes covering violation, documentation, and international tribunal stages
• A persistent top bar carrying a one-click "Share This Testimony" call to action alongside a primary gold-on-slate "Read the Full Report" button

Feature list

This template ships with components built for documentary credibility and campaign momentum. Each feature connects directly to the page's goal of turning evidence into action.

Breathing UGC Photo Wall Hero

The hero section fills ninety percent of the viewport with a mosaic grid of real, unpolished photographs submitted by advocates, survivors, and field workers. Images gently fade and replace in a slow cycle, suggesting the movement is ongoing. A single line of white text anchors the bottom: "These are not stock photos. These are witnesses."

Sourced Statistic Anchor Block

Immediately below the hero, a single statistic is rendered at an enormous scale against deep documentary slate. The figure is sourced and linked, establishing factual authority before any narrative begins. The JetBrains Mono typeface makes the number feel like data, not decoration.

Muted Documentary Video Section

A short documentary-style video auto-plays with the sound off and captions enabled, keeping the page accessible to visitors in quiet environments. This section sits between the statistic and the timeline, providing a human voice to complement the numerical evidence.

Interactive Case Study Timeline

An expandable timeline walks visitors through a single documented case from the moment of violation through field documentation to an international tribunal outcome. Each node opens to reveal testimony excerpts, keeping the evidence both specific and human. The rhythm alternates between data and personal voice.

Scroll-Linked Horizon Line

A sky-blue line runs through the page and widens progressively as the visitor scrolls downward. This visual throughline reinforces the sense of advancing understanding and approaching resolution, guiding visitors toward the call to action without interrupting the reading experience.

Persistent Share Bar

A slim, unobtrusive top bar stays visible as visitors scroll. It carries the "Share This Testimony" secondary call to action, enabling one-click distribution to social platforms with no form and no friction. It keeps the sharing option available without competing with the primary report link.

Page sections overview

Design & branding system

The visual identity follows an Educational Guide theme built on the Slate and Sky color system. The palette feels like a broadsheet newspaper left open beside a clearing window, somber authority giving way to cautious, earned hope.

• Deep documentary slate (#2C3E50) dominates backgrounds and body text; overcast ash (#7F8C8D) handles secondary text and supporting elements; open-sky blue (#5DADE2) marks chapter transitions and interactive data points
• Solidarity gold (#F4D03F) appears only where action is possible, on call-to-action labels and pull-quote attribution lines, keeping its signal value high
• Typography combines Fraunces serif headlines for editorial weight, DM Sans for readable body copy, and JetBrains Mono for statistics and data points

Mobile & speed optimization

The template is built desktop-first to serve the journalists, researchers, and program officers most likely to read long-form documentation at a desk. It remains fully responsive for mobile sharing, which is how the campaign spreads.

• Optimized image loading handles the UGC photo grid without blocking the initial viewport render
• Muted video autoplay is configured to avoid data-heavy behavior on slower connections
• The persistent share bar is touch-friendly and accessible on smaller screens, supporting one-tap social distribution

How this template helps you convert

This template earns its click-through by building understanding before asking for action. Visitors who reach the call to action have already moved through evidence, testimony, and a documented case outcome.

1. The hero photo wall creates immediate emotional presence, making visitors pause and invest attention before a single word of argument is made.
2. The statistic anchor, documentary video, and interactive timeline build a layered, prosecutor-style case so that by the time the "Read the Full Report" button appears in solidarity gold, visitors feel the report is the completion they need, not a request being made of them.

Other information about this template

This template is well suited for campaigns that need to reach across different audience types with a single page. It does not require visitors to understand the full context before arriving.

• The template style is Hero-Dominant (90/10), meaning the visual impact leads and the supporting content follows in a controlled descent
• Creative direction follows the Movement and Cause approach, alternating data and human voice in a deliberate rhythm
• The footer uses a horizontal flow layout that closes the page cleanly without adding competing calls to action
• This template is built for the Human Rights Nonprofit subcategory within the Community and Nonprofit space, making it a focused starting point for organizations in that niche
• The landing page can support international contexts and multi-language adaptation, as all content sections are text-editable

Show more