Home
Templates
Community & Nonprofit
Mental Health Awareness Nonprofit
Anchor - Compassionate Nonprofit Landing Page Template
Anchor is a compassionate mental health mutual aid landing page template built for neighborhood networks that connect families through lived experience. It features a zigzag alternating layout, a floating testimonial card header, a labeled donation form with preset amounts, and a story submission form, all wrapped in a warm, kitchen-table visual identity designed to earn trust at 2 a.m.
by Rocket studio
Anchor is a single-page landing page template for mental health mutual aid networks. It opens with a handwritten-style testimonial card, then scrolls through an origin story and alternating community voices, building toward a donation section with labeled preset amounts and a story submission form. The design feels intimate and grounded, built for families in the middle of a crisis.
This template is for grassroots nonprofit organizers and community advocates who support families navigating mental health challenges. It is especially suited to groups that rely on peer connection, community fundraising, and shared lived experience rather than clinical services.
Most nonprofit landing page templates feel corporate or clinical. Families searching for help at 2 a.m. do not need a brochure, they need to feel recognized. This template closes that gap by centering real voices and concrete outcomes before asking for anything.
You get a fully structured, single-page fundraising landing page built specifically for peer-led mental health support networks. Every section has a defined purpose, and the visual system holds the emotional tone consistently from top to bottom.




Theme
Family First
Creative direction
Origin Story
Color system
Teal Catalyst
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Floating Testimonial Card Header
Zigzag Community Voice Layout
Labeled Donation Preset Form
Sticky Donation Bar
Share Your Story Form
Origin Story Asymmetric Section
Can I change the donation preset amounts and their labels?
Does this template work for a newly formed mutual aid network?
How does the story submission form work?
What is the sticky donation bar and when does it appear?
Is this template designed for a single page or a full website?
This template ships with purpose-built components that work together to earn trust and drive action.
The header opens with a single handwritten-style card positioned slightly off-center against a warm white background. It displays a name, a relationship label such as "Jaylen's mom," and one sentence from a real family member. A small teal heart icon marks the story as verified. There is no stock photography, just words and a subtle paper-texture shadow.
The page body alternates between community voices on the left and the concrete aid those voices unlocked on the right. Each pair escalates: one family's struggle becomes a support circle, a support circle becomes a resource library, a resource library becomes a crisis fund. The scroll rhythm builds confidence as visitors move down the page.
The donation section offers four preset amounts, $15, $40, $75, and $150, each paired with a plain-language label explaining what it covers, such as "one crisis call" or "a family's first therapist visit." A custom amount field is also included. Presets are toggled interactively, making the giving decision feel specific rather than abstract.
After the visitor scrolls past the third section, a sticky bar appears at the bottom of the screen. It carries the primary call to action, "Fund a Family's Next Step", rendered in marigold on teal. This persistent nudge keeps the donation path visible without interrupting the reading experience.
A secondary conversion path sits alongside the donation section. Visitors can submit their name, their relationship role, and a single paragraph about their experience. These submissions feed future testimonial cards back into the page, creating a self-reinforcing cycle of community proof.
Below the header, an asymmetric split layout introduces the founding moment, a specific family, a specific crisis, and the gap in care that sparked the network. This section anchors the page emotionally and gives the rest of the scroll a clear reason to exist.
| Section | Purpose |
|---|---|
| Hero testimonial card | Opens with a verified family voice to establish trust immediately |
| Origin story split | Shares the founding moment using an asymmetric two-column layout |
| Community voices zigzag | Alternates individual stories with the concrete aid each one unlocked |
| Escalation zigzag | Progresses from support circle to resource library to crisis fund |
| Donation preset section | Offers four labeled amounts, a custom field, and a story submission form |
| Footer single row | Closes with a clean, linear single-row footer layout |
The visual identity follows a Family First theme built around the Teal Catalyst color system. Every color has a defined role, nothing is decorative without purpose. Typography pairs Fraunces serif headlines with DM Sans body text for a blend of warmth and clarity.
This template is built mobile-first, prioritizing the visitor who finds the page on a phone in the middle of the night. The technical approach keeps interaction smooth without heavy scripts.
The page is structured to move a first-time, emotionally guarded visitor toward two clear actions: making a donation and submitting a story. Every design and copy decision supports that path.
This template is categorized under Community and Nonprofit, with a specific focus on mental health awareness mutual aid networks. It is designed as a single landing page, not a multi-page website. The layout style is zigzag alternating, which gives the page a conversational rhythm suited to storytelling-led fundraising campaigns.