Breathe - Healing Community Landing Page Template

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
• 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

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.

1. The video header creates immediate emotional presence, placing the visitor inside a real program site within the first three seconds of arrival.
2. 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.
3. 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

Show more