Refuge — Empowered Survivor Advocacy Landing Page Template

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

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

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.

1. 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.
2. 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.
3. 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

Show more