The Refuge landing page template is built for international anti-trafficking organizations that lead with people, not press releases. A cursor-reactive portrait mosaic opens the page, and scroll-linked storytelling carries visitors toward event registration. Warm editorial design, a structured form, and a low-friction email capture make every visit feel like an invitation to get involved.
by Rocket studio
Loading preview…
Quick summary
This is a hero-dominant landing page for survivor-led anti-trafficking organizations. The design centers a community mosaic of portrait photographs, unfolds through pivotal human stories, and drives visitors to register for the Global Summit on Survivor-Led Policy. Every section earns engagement before it asks for anything in return.
Who this template is for
This template serves organizations where survivors are not just the subject of the work but the people leading it. It fits teams operating across borders who need to show the world the human side of their network.
Policy advocates, legal practitioners, and journalists who want to participate in the annual summit
Nonprofit professionals and partner organizations evaluating engagement with a cross-border advocacy network
Donors and survivors seeking connection with safe, credible resources
What problem this template solves
Most nonprofit landing pages flatten complex work into statistics. This template solves the challenge of showing who does the work and why that matters. It helps organizations navigate the gap between mission statements and the lived experience behind them.
Visitors leave before they find the registration form because the story never lands
Trauma-informed design principles are often missing from advocacy pages, leaving survivors and advocates without a safe, discreet path forward
Forms ask for too much data too fast, creating friction before trust is built
What you get with this template
You get a fully structured single-page layout that moves visitors from first impression to committed registration. The design and copy architecture work together to serve both first-time visitors and returning supporters.
A 90-viewport cursor-reactive Community Mosaic hero with scroll-linked portrait scaling and staggered section reveals
A five-section narrative layout covering the team story, network reach, event registration, and a follow-up email capture
A registration form asking for name, organization, role, attendance type, and one optional personal question
Theme
Healing Space
Creative direction
Team & People
Color system
Slate & Sky
Style
Hero-Dominant (90/10)
Direction
Event Registration
Page Sections
Cursor-reactive Community Mosaic Hero
Scroll-linked Portrait Story Sections
Summit Event Registration Block
Fixed Call-to-action Bar
Low-friction Follow Path
Related questions
Can I customize the registration form fields?
Is the portrait mosaic section editable?
How does the page handle visitors who need to leave quickly for safety reasons?
Does this template support multilingual content?
What makes this template suited to survivor-led organizations specifically?
Feature list
This template includes purposeful features built directly around the project brief.
Cursor-Reactive Portrait Mosaic
Dozens of softly lit portraits fill ninety percent of the viewport. As visitors move their cursor, individual faces brighten and a single role word appears beneath each one. The headline resolves at center only after the mosaic has drawn the visitor in, making the first moment of engagement deeply human.
Scroll-Linked Story Delivery
Each scroll section introduces a real person through a single pivotal moment. Portraits grow from mosaic fragments to full-bleed, human-scale images as the visitor reads deeper. This delivery method closes emotional distance gradually, so visitors feel they are sitting across the table from these people rather than reading a case file.
Event Registration Form
The summit registration block collects full name, organization, and role first. A dropdown then offers in-person, virtual, or press attendance. One optional field asks what brings the visitor to this work, turning a transactional form into something that feels like a personal invitation. The design ensures data minimization, requesting only what is necessary.
Fixed Call-to-Action Bar
A soft fixed bar reading "Reserve Your Seat" appears after the third scroll section and stays visible as visitors continue reading. A secondary path offering "Follow Our Work" captures an email with zero friction for people not yet ready to commit.
Low-Friction Email Capture
The follow section at the close of the page lets individuals subscribe with a single email field. This path serves visitors who want to stay connected without the commitment of summit registration, widening the door for future engagement.
Page sections overview
Section
Purpose
Hero Mosaic
Cursor-reactive portrait grid opening
The Moments
Pivotal personal story scrolls
The Network
Eleven-country stats bento grid
The Summit
Event registration form block
Follow Our Work
Low-friction email capture
Footer
Single-row linear navigation
Design & branding system
The visual identity follows a Healing Space theme built on a Slate and Sky color system. The palette feels like the first light after a storm, bruised and bright at once, which makes it right for work that holds both trauma and determination.
Deep slate (#3B4856) anchors text and structure; cloud gray (#E8ECF0) opens the breathing backgrounds; dawn blue (#7BA7CC) marks interactive highlights
Quiet gold (#D4A96A) appears only at moments of hope: pull quotes, names, and progress markers
Fraunces serif handles display headings; DM Sans carries all body copy for clean, warm readability
Mobile & speed optimization
The template is designed desktop-first to match the event registration audience, with full mobile support built in. The layout ensures that advocates, journalists, and supporters can access the page and complete the form from any device.
Server Components handle static content sections for faster initial load; Client Components manage the mosaic and cursor interactions separately
Portrait scaling and staggered reveals are scroll-linked, keeping animation smooth without blocking core content
The fully responsive layout makes the page easy to navigate on mobile for anyone reaching it while traveling or in the field
How this template helps you convert
The page is structured so that trust is built before any ask is made. Each section earns the next click.
The Community Mosaic creates an immediate emotional connection, so visitors feel the weight and care of the work before reading a single word of copy.
The pivotal story sections deepen understanding of who these people are, building the kind of trust that makes someone willing to reserve a seat at a summit.
The fixed call-to-action bar and the low-friction email path ensure that visitors at every level of readiness have a clear, safe next step.
Other information about this template
This template was designed with lived experience at its core. The project brief reflects real case management work: connecting survivors to housing, legal services, education, employment, and medical services across eleven countries. The design makes that breadth visible without reducing individuals to data points.
The page includes a prominent quick exit feature to redirect users to a neutral site, and the registration form uses data minimization to protect visitor privacy
Survivor narratives in this project focus on achievements and aspirations, not just past trauma, which is a deliberate storytelling choice that makes the page more empowering for women, children, and all survivors who walk through it
The advocacy toolkit section provides transparent information about the summit, specific policy asks, and the goals of the leaders involved, so visitors can find what they need quickly
A donation path and petition-style calls to action can be placed prominently within the layout to serve the full range of visitors
The Refuge survivor-led global advocacy landing page template draws on principles used by organizations that have learned to balance impactful storytelling with safety, making it a strong starting point for any anti-trafficking nonprofit ready to create a more human-centered presence on the globe
