Home
Templates
Community & Nonprofit
Refugee & Migration Nonprofit
Passage - Transformative Refugee Landing Page Template
Passage is a modular card grid landing page built for refugee and migration advocacy organizations. It walks visitors through a family's full journey, arrival, services, and resolution, using named stories, warm editorial design, and a single coral call-to-action button that clicks through to a dedicated donation or volunteer signup page. No forms, no friction, just earned trust.
by Rocket studio
Passage is a click-through landing page template for nonprofit immigration advocacy organizations. It uses a Hero's Journey card grid to move visitors from crisis to resolution through real family stories. The Botanical color system and warm editorial visuals build trust before a single ask is made. The primary call to action links out to a dedicated signup page.
This template is built for organizations that accompany families through the full arc of the immigration process, not just one part of it. It speaks to groups that lead with humanity before asking for anything.
Most nonprofit landing pages lead with their org chart, not the people they serve. Visitors leave before they feel anything. This template flips that structure entirely.
You get a fully structured, single-page layout built around a modular card grid. Every section has a defined purpose within the Hero's Journey narrative arc.




Theme
Family First
Creative direction
Hero's Journey
Color system
Botanical
Style
Card Grid (Modular)
Direction
Click-Through
Page Sections
Hero's Journey Card Grid Layout
Cinematic Team Photo Hero
Animated Statistics Strip
Named Family Story Cards
Two-stage Coral Call-to-action System
Click-through Volunteer Path Design
Can I use this template if my organization serves a different immigrant community?
Does this template include a donation form?
How many sections does the template include?
Is the modular card grid easy to customize?
What makes the two-stage call-to-action placement effective?
The template includes a focused set of components designed to carry emotional weight and drive action.
The page is organized as three distinct card rows. The first row shows arrival-day snapshots. The middle row reveals services through the eyes of the person receiving them. The final row closes each family's arc with resolution moments like lease signings and graduations.
The hero section uses a wide, warm-lit team-at-work photograph rather than posed stock imagery. The composition places lawyers, translators, and navigators mid-task, alongside the families they serve, to establish credibility and warmth from the first scroll.
A stats strip overlays the hero section and displays key figures, families served, languages supported, years of operation. The numbers use counter animations on scroll to draw attention without interrupting the visual narrative.
Each card in the grid is anchored to a named individual or family. The before and after cards are designed to echo each other, so visitors trace a specific family's journey across the full page.
The primary "Walk With a Family" button appears in coral only after the mid-journey section. It repeats as a fixed bottom bar following the resolution cards. The two-stage placement is intentional: trust is built before the ask is visible.
After the resolution row, a persistent coral bar remains in view as the visitor scrolls. It links to a dedicated page where visitors choose between donating, volunteering legal hours, or offering translation skills, no form lives on this page.
| Section | Purpose |
|---|---|
| Hero with Stats | Establishes mission and scale with a cinematic team photo and animated statistics strip |
| Crisis Row Cards | Introduces three arrival-day family snapshots to open the emotional narrative |
| Services Journey Cards | Shows legal support, translation, and navigation through the recipient's perspective |
| Resolution Story Cards | Closes each family arc with lease signings, ceremonies, and graduations |
| Call-to-Action Block | Presents three volunteer paths with the coral "Walk With a Family" button |
| Fixed Bottom Bar | Keeps the primary action visible after the resolution section |
| Footer | Single-row linear footer with essential organization links |
The Botanical color system anchors every visual decision in this template. The palette feels rooted and warm, like a community garden in early summer, patient and alive.
The template is built mobile-first, reflecting how families in need most often find the page, on a phone. Donors on desktop receive the same structured experience at a wider layout.
The page earns trust before it asks for anything. By the time coral appears, visitors have already followed three families through a complete journey.
This template is part of a broader Family First theme collection designed for community-focused and mission-driven organizations.