Catalyst is an editorial landing page template built for anti-trafficking direct service organizations. It pairs a full-screen video hero with magazine-style scroll storytelling, a role-gated referral toolkit form, and a persistent crisis call-to-action bar. The layout guides professionals toward downloadable resources while giving survivors a clear, calm path to immediate help.
by Rocket studio
Loading preview…
Quick summary
Catalyst is a single-page editorial template designed for anti-trafficking nonprofits and direct service providers. It opens with a cinematic video hero, moves through myth-busting editorial blocks and second-person case narratives, and closes with a role-gated referral toolkit form. Every section is built to earn trust before asking for a click.
Who this template is for
This template is for frontline organizations that serve survivors of trafficking and need to reach two very different audiences at once: the professionals who make referrals and the survivors who are quietly looking for help. It suits advocacy-driven nonprofits that want their page to feel like a field manual, not a brochure.
Social workers, school counselors, emergency room nurses, and law enforcement professionals seeking clear referral protocols
Survivors and community members looking for a trusted, calm point of contact at any hour
Nonprofit communications teams who want editorial depth without sacrificing urgency
What problem this template solves
Most nonprofit pages fail their most important visitors. Professionals land and cannot find a clear referral pathway. Survivors land and feel like they are reading a fundraising pitch. Catalyst solves both problems by teaching before asking, and by keeping the crisis line visible at every scroll position.
Professionals leave without a protocol because service information is buried or generic
Survivors disengage when pages feel clinical, transactional, or unfocused on their experience
Organizations lose credibility when design and tone do not match the weight of the cause
What you get with this template
You get a fully structured editorial landing page with five distinct content zones, a persistent crisis bar, and a role-gated form. Every section is pre-built and ready to receive your real content, narratives, service descriptions, and contact details without requiring a redesign from scratch.
Full-screen video hero section with cinematic serif headline and looping background video slot
Theme
Educational Guide
Creative direction
Movement & Cause
Color system
Teal Catalyst
Style
Editorial/Magazine
Direction
Content/Resource
Page Sections
Full-screen Looping Video Hero
Persistent Crisis Hotline Bar
Myth-busting Editorial Blocks
Second-person Narrative Section
Illustrated Service Pathway Cards
Role-gated Referral Toolkit Form
Related questions
Who is the primary audience this template is designed to reach?
Can the role-gated form be customized for different service regions?
What is the purpose of the signal coral color in this template?
Do I need custom video footage to use the hero section?
Is this template suitable for organizations that serve multiple program areas?
Four editorial content sections covering myth-busting, personal narratives, service pathways, and a gated resource form
Persistent crisis call-to-action bar in signal coral, always visible as visitors scroll
Feature list
This template delivers a focused set of editorial and conversion tools built specifically for cause-driven organizations.
Full-Screen Video Hero
The hero section uses a looping full-screen video background with a clean white serif headline overlay. The video slot is designed for a single, intimate shot rather than a fast-cut montage. Text appears over the footage in Fraunces serif display type, creating an immediate editorial tone.
Persistent Crisis Call-to-Action Bar
A fixed bar in signal coral (#E86F52) stays visible throughout the entire page scroll. It displays a hotline number with a "Need Help Now? Call or Text" prompt. This ensures that survivors who land at any point on the page always have an immediate path to help.
Myth-Busting Editorial Blocks
Alternating layout blocks present bold pull quotes that challenge common misconceptions about trafficking. Each block uses high-contrast typography and an unhurried column rhythm. The section is designed to build credibility and reframe the visitor's understanding before introducing services.
Second-Person Narrative Section
Anonymized case stories are written in second person, placing the reader directly inside a real scenario. The intimate editorial format creates specificity without identifying individuals. This section deepens emotional investment and makes the organization's work feel concrete and real.
Illustrated Service Pathway Cards
Four asymmetric cards present the organization's core service areas: legal advocacy, emergency shelter, case management, and survivor leadership. Each card functions as a visual pathway, showing what the organization does at each stage of support. The layout is scannable for professionals and meaningful for survivors.
Role-Gated Referral Toolkit Form
The conversion section features a short form gating a downloadable referral toolkit PDF. Visitors select their role from a dropdown (educator, medical, law enforcement, social services, survivor, or community member), enter their county and email, and submit. Trust signals sit alongside the form to support the download decision.
Page sections overview
Section
Purpose
Full-Screen Hero
Set editorial tone and surface crisis line immediately
Myth-Busting Blocks
Debunk misconceptions and build organizational credibility
Second-Person Narratives
Create specificity and earned emotional resonance
Service Pathway Cards
Map the four core service areas for professional reference
Referral Toolkit Gate
Convert professionals into toolkit downloaders via role-gated form
Minimal Footer
Provide essential links in a clean single-row layout
Design & branding system
The visual identity follows an Educational Guide theme. The palette and typography together feel like a well-worn field manual: trusted, carried into real rooms, and marked with purpose. Color use is disciplined, with signal coral reserved exclusively for crisis moments so it never loses its urgency.
Color system: deep advocacy teal (#0D7377) primary, warm parchment (#F5F0E8) background, grounding charcoal (#1E2A2A) for body text, and signal coral (#E86F52) for crisis calls to action only
Typography: Fraunces serif for display headlines and pull quotes, DM Sans for body copy and form labels
Animation approach: scroll-linked reveals, staggered text entrances, and parallax layers at medium intensity to support the editorial scroll feel without distracting from the content
Mobile & speed optimization
The template is built with equal device priority because the two core audiences arrive differently. Professionals tend to review on desktop during work hours. Survivors are more likely to be on a mobile device late at night. Both experiences must be immediate and calm.
The persistent crisis bar is fully visible and tappable on small screens, keeping the hotline accessible without any extra scrolling
The video hero is optimized for above-the-fold priority loading, with the above-fold content given rendering precedence so the headline and crisis bar appear without delay
The role-gated form is laid out for clean single-column flow on mobile, with large tap targets on the dropdown and submit button
How this template helps you convert
The page earns the conversion by teaching first. By the time a professional reaches the toolkit form, they have already moved through myth-busting content, narrative context, and a clear service map. The ask feels earned, not transactional.
The editorial scroll builds trust incrementally, so visitors arrive at the form already convinced of the organization's expertise and depth of service
The role-based dropdown in the gated form personalizes the submission, making professionals feel the resource was built specifically for their context
The persistent crisis bar ensures that survivors, who may not convert on the toolkit form, always have a direct and visible path to immediate help
Other information about this template
This template is categorized under Community and Nonprofit and is built for the anti-trafficking direct service niche. It is part of a broader set of cause-driven editorial templates designed to serve organizations where design, tone, and content strategy carry real human weight.
Template style: Editorial and Magazine, following a Movement and Cause creative direction
Header concept: Full-Screen Video Background with looping intimate footage and cinematic serif text overlay
Landing page direction: Content and Resource hub, gating a downloadable referral toolkit PDF
Footer: Pattern 1, linear single-row layout, minimal link set
The template is ready to customize with real organizational statistics, anonymized narrative content, hotline numbers, and county-specific form logic
