Breathe - Healing Community Landing Page Template Template | Build Fully Functional Applications with Rocket
Breathe - Healing Community Landing Page Template
Breathe is a single-page landing page template built for mental health awareness nonprofits working across international communities. It uses a zigzag neighborhood layout, a full-screen video header, and dual registration paths to connect coordinators, school principals, diaspora volunteers, and community members with local healing circle programs. The design feels warm, unhurried, and deeply human.
by Rocket studio
Loading preview…
Quick summary
Breathe is a landing page template for mental health awareness nonprofits running community circle programs globally. It leads with a full-screen video header, moves through neighborhood-specific zigzag sections featuring real facilitators and venues, and closes with dual registration paths. Every design decision creates trust before asking for a commitment.
Who this template is for
This template is built for organizations that bring mental health conversations into real community spaces rather than clinical settings. It serves teams that need to recruit both institutional partners and grassroots participants through a single, emotionally resonant page.
Municipal health coordinators and school principals looking for trained circle facilitators
Diaspora volunteers who want to bring a community program to their home region
Community members and peer supporters ready to join or host a conversation circle
What problem this template solves
Mental health nonprofits operating across multiple geographies face a specific challenge: their work is deeply human, but their digital presence often feels institutional and cold. Generic nonprofit templates fail to convey the warmth and local specificity that builds trust with cautious, stigma-aware audiences.
Visitors leave before registering because they cannot picture themselves inside the program
Institutional contacts need a separate qualification path that a single generic form cannot provide
The program's geographic reach and community depth get lost in bullet-point impact reports
What you get with this template
You get a fully structured landing page that carries the visitor through an emotional arc, from curiosity to connection to registration. Every section is purpose-built for a mental health awareness nonprofit working at neighborhood scale across multiple countries.
A full-screen video background header with a translucent headline and two distinct call-to-action buttons
Five zigzag alternating sections that drop the reader into named communities with real facilitator details
Theme
Healing Space
Creative direction
Local & Neighborhood
Color system
Forest Trust
Style
Zigzag/Alternating
Direction
Event Registration
Page Sections
Full-screen Video Background Header
Zigzag Neighborhood Storytelling Layout
Dual Registration Path Overlay
Role-based Audience Cards
Scroll-reveal Animation System
Global Reach Statistics Block
Related questions
Can I change the community locations shown in the zigzag sections?
Does this template support two different registration forms?
Is this template suitable for a nonprofit working in a single country?
What happens on devices without video support?
Can the role dropdown in the registration form be customized?
A lightweight registration overlay form and a separate institutional qualification form, both wired to role-based paths
Feature list
Full-Screen Video Background Header
The header autoplays a gentle handheld video carousel showing real program sites across four continents. Natural audio bleeds through each three-second clip. A translucent headline fades in over the footage, and two call-to-action buttons sit directly beneath it.
Zigzag Neighborhood Sections
Each alternating image-and-text block places the visitor inside a specific community: Accra, Bogotá, and rural Bihar. Sections name the local facilitator, identify the venue, and share the number of circles held in that location last year. The layout alternates image-left/text-right and image-right/text-left as the visitor scrolls.
Dual Registration Path Overlay
The primary call to action, labeled "Join a Circle Near You," opens a lightweight overlay form. It includes a city or postal code search, preferred language selection, a role dropdown (participant, volunteer, coordinator, or funder), and an email field. A secondary path, "Bring a Circle to Your Community," routes institutional contacts to a longer form asking for venue type, estimated group size, and preferred start month.
Role-Based Audience Cards
A dedicated section presents four clear role cards: coordinator, school principal, diaspora volunteer, and community participant. Each card speaks directly to that person's situation and routes them toward the appropriate next step.
Scroll-Reveal Animation System
The template uses a medium-weight animation system including scroll reveal on section entry, text mask transitions, and a marquee ticker for global reach statistics. Animations are purposeful and unhurried, matching the editorial tone of the design.
Global Reach Statistics Block
A dedicated statistics section displays program reach data highlighted in sun-through-leaves gold. Numbers are anchored by a repeated call-to-action button so motivated visitors can register the moment the evidence lands.
Page sections overview
Section
Purpose
Hero Video Header
Autoplay footage, translucent headline, dual call to action
Neighborhood Zigzag
Accra, Bogotá, Bihar community stories with facilitator details
What Happens in a Circle
Editorial process layout explaining the circle format
Who This Is For
Role cards for four distinct visitor types
Global Reach and Registration
Statistics block with anchored registration call to action
Footer
Linear single-row footer with navigation and secondary links
Design & branding system
The visual identity uses a Forest Trust color system built around the feeling of a forest clearing after rain. Typography pairs Fraunces serif headlines with DM Sans body text, creating an editorial warmth that feels personal rather than corporate.
Deep canopy green (#1B4332) for section backgrounds, soft moss (#A3B18A) for secondary panels and card fills, and breathing linen white (#FAF6F1) for open space
Sun-through-leaves gold (#DAA520) on call-to-action buttons and highlighted statistics, warm bark brown (#3E2723) for body text
Fraunces handles all headline weights; DM Sans keeps body copy legible and calm at every size
Mobile & speed optimization
This template is designed mobile-first because the coordinators and diaspora volunteers who use it are most often on phones in the field. The layout reflows cleanly from desktop zigzag columns to single-column mobile stacks without losing the neighborhood storytelling rhythm.
The video header includes a poster image fallback so the page loads a visible hero frame before the video stream begins
Images across neighborhood sections use lazy loading so the page stays responsive as the visitor scrolls
The overlay registration form is touch-friendly and sized for one-handed completion on small screens
How this template helps you convert
The page earns registration by making the visitor feel they have already visited these circles and already met the facilitators. By the time the form appears, the only question left is choosing a date.
The video header creates immediate emotional presence, placing the visitor inside a real program site within the first three seconds of arrival.
The zigzag neighborhood sections build accumulated trust through human specificity: named people, real venues, verifiable circle counts, and a repeating call-to-action button at the close of each community story.
The dual-path registration system removes friction for both individual participants and institutional partners by presenting exactly the right form for each visitor's role.
Other information about this template
This template is part of a Community and Nonprofit category and sits within the Mental Health Awareness International NGO niche. It is built specifically for organizations whose programs cross borders and whose audiences include both grassroots participants and institutional decision-makers. The page type is a single landing page with a section-led flow rather than a multi-page site.
The template style is Zigzag/Alternating, following a Local and Neighborhood creative direction that feels like walking street by street through a community
The Healing Space theme and Forest Trust color system are consistent design signals that distinguish this template from generic nonprofit or charity page templates
The header concept is Full-Screen Video Background, and the primary landing page direction is Event Registration, making this template well suited to programs that run recurring circle events in physical community venues
