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
Loading preview…
Quick summary
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.
Who this template is for
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.
Founders of mental health mutual aid networks looking for a warm, human-first landing page
Nonprofit teams running community fundraising campaigns around first diagnoses or crisis support
Family advocates who want to collect and display real community stories alongside donation options
What problem this template solves
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.
Generic templates fail to create the emotional safety that mental health audiences need before they donate or share
Donation pages often present amounts without context, leaving visitors unsure whether their gift matters
Community networks struggle to collect and display testimonials in a way that feels personal rather than promotional
What you get with this template
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.
A floating testimonial card header, zigzag community voice sections, a labeled donation form, and a story submission form
A complete Teal Catalyst color system with role-specific usage rules for each color
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
Related questions
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?
A mobile-first layout with scroll-linked reveal animations and a sticky donation bar that appears after the third section
Feature list
This template ships with purpose-built components that work together to earn trust and drive action.
Floating Testimonial Card Header
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.
Zigzag Alternating Section Layout
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.
Labeled Donation Preset Form
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.
Sticky Donation Call-to-Action Bar
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.
Share Your Story Submission Form
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.
Origin Story Asymmetric Section
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.
Page sections overview
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
Design & branding system
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.
Deep harbor teal (#1A6B6A) anchors primary elements; soft porch-light warm white (#FDF6EC) fills backgrounds; muted sage (#7BA896) handles section transitions
Marigold (#E8A838) appears exclusively on calls to action and donation buttons, never used as decoration
The overall aesthetic is described as editorial warmth: a hand-knitted blanket feel that is sturdy enough to hold emotional weight and soft enough to feel safe
Mobile & speed optimization
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.
Scroll-linked reveal animations and staggered card entries use CSS scroll-behavior with minimal JavaScript
The sticky donation bar is designed to remain visible and tappable on small screens without obscuring content
The layout reflows cleanly for mobile viewports, keeping the zigzag rhythm readable even on narrow displays
How this template helps you convert
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.
The testimonial card header creates immediate emotional recognition, lowering the visitor's guard before any ask is made, this is the foundation that makes the donation request feel trustworthy rather than transactional.
Labeled donation presets remove hesitation by showing visitors exactly what each amount does, making the choice feel personal and meaningful rather than arbitrary.
The sticky call-to-action bar keeps the donation option visible throughout the scroll without forcing a decision, giving the visitor agency while maintaining a consistent conversion path.
Other information about this template
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.
The template is production-ready for English-language, US-market campaigns using USD currency and US date formatting
The creative direction is Origin Story, meaning the page earns trust through narrative before making any financial ask
The header concept is a Testimonial Card, a deliberate choice that prioritizes a human voice over imagery or statistics
