Witness is a hero-dominant human rights awareness landing page built for campaigns that lead with evidence and end with action. A breathing UGC photo wall fills the viewport, giving way to sourced statistics, a muted documentary video, and an interactive case study timeline. Every section builds the case before directing visitors to read the full report.
by Rocket studio
Loading preview…
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
Theme
Educational Guide
Creative direction
Movement & Cause
Color system
Slate & Sky
Style
Hero-Dominant (90/10)
Direction
Click-Through
Page Sections
Breathing UGC Photo Wall Hero
Sourced Statistic Anchor Block
Muted Documentary Video Section
Interactive Case Study Timeline
Scroll-linked Horizon Line
Persistent Frictionless Share Bar
Related questions
Who is this landing page template designed for?
Does this template require visitors to fill out a form?
Can I replace the placeholder photographs with my own field images?
How does the interactive case study timeline work?
Is this a single-page layout or a multi-page template?
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
Section
Purpose
UGC Photo Wall Hero
Establishes collective witness through unpolished field photography
Statistic Anchor Block
Grounds the campaign in sourced, quantified evidence
Documentary Video
Adds human voice to complement numerical documentation
Case Study Timeline
Builds the case node by node from violation to tribunal
Primary Call to Action
Directs visitors to the full report at peak understanding
Persistent Share Bar
Enables frictionless one-click social distribution
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.
The hero photo wall creates immediate emotional presence, making visitors pause and invest attention before a single word of argument is made.
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
