Gather - Heartfelt Mutualaid Landing Page Template

Quick summary

Gather is a warm, mobile-first mutual aid landing page template designed for neighborhood-scale giving and receiving. It opens with a full-viewport manifesto hero in deep teal, flows through a mosaic community gallery with real-neighbor stat blocks, explains three simple roles, and closes with a lightweight "Show Up Saturday" registration form. The whole page earns trust before it asks for anything.

Who this template is for

This template was built for the people already doing the work on the ground. It fits anyone running a neighborhood-scale mutual aid network who needs a page that feels human, not institutional.

• Block captains and community organizers coordinating coat drives, food runs, or shift sign-ups
• Volunteers and neighbors who want to offer groceries, rides, childcare, clothing, or time
• Families and individuals quietly searching for help with school supplies, diapers, or a ride to a medical appointment

What problem this template solves

Most community pages look like government forms or charity websites. They lead with logos, statistics, and donation buttons. The person who just lost their job or the retiree who wants to tutor but does not know where to show up needs something warmer than that.

• Generic nonprofit templates feel cold and transactional, creating distance instead of trust
• Visitors leave before they understand what the network actually does or how simple it is to join
• High-commitment sign-up flows push away people who are curious but not yet ready to commit

What you get with this template

You get a fully structured, single-page layout that moves visitors from skepticism to registration through a clear emotional arc. Every section has a defined job, and together they build the case for showing up on Saturday.

• A full-viewport manifesto hero with scroll-reveal text lines and a coral underscore bloom animation
• A community gallery section with a mosaic photo grid, first-name captions, and alternating hand-counted stat blocks
• A three-role "How Gather Works" bento layout, an event registration form, a text-list escape hatch, and a minimal footer

Feature list

This template includes purpose-built features drawn directly from the Gather design brief. Each one serves the core goal: connect neighbors who can give with neighbors who need help.

Scroll-Reveal Manifesto Hero

The hero fills ninety percent of the viewport with white hand-lettered-style type over a slow-panning teal gradient. Each line of the manifesto appears on scroll as if being written in real time, with a coral underscore that blooms beneath the final word. A pulsing downward arrow signals there is more below.

Mosaic Community Gallery

Member-submitted photographs are arranged in a loose, unperfected grid that prizes proof over polish. Each image carries a first name, a neighborhood, and one sentence about what that person gave or received. The layout creates the feeling of a community bulletin board, not a brand campaign.

Hand-Counted Stat Blocks

Between photo clusters, short data blocks surface key numbers, such as meals delivered, rides completed, and families matched, in large teal numerals. The style feels hand-counted and honest rather than dashboarded and distant. These blocks alternate with photo clusters to balance feeling and evidence.

Floating "Show Up Saturday" Button

Once the hero scrolls out of view, a coral call-to-action button pins itself to the screen and follows the visitor down the page. It opens a lightweight registration form asking only for a first name, zip code, a single dropdown, and an optional phone number. The form appears only after the visitor has already met the network through the gallery.

Three-Role "How Gather Works" Section

An asymmetric bento layout presents three simple entry points: Bring, Need, and Give Time. This section removes ambiguity for first-time visitors and gives everyone a clear place to land, whether they have surplus goods, need support, or want to volunteer hours.

Low-Commitment Text List Sign-Up

A secondary text link beneath the registration form reads "Just watching for now? Join the text list." This escape hatch keeps lower-commitment visitors inside the network rather than letting them leave empty-handed.

Page sections overview

Design & branding system

The visual identity follows a Family First theme expressed through the Teal Catalyst color system. The palette is deliberately earnest and warm, built to feel like a hand-painted sign on a community center door rather than a polished nonprofit campaign.

• Deep community teal (#0D7377) dominates the hero and large display elements, carrying authority without feeling institutional
• Warm kitchen-light cream (#FFF8F0) fills the body background, letting content breathe between teal and coral moments
• Bright catalyst coral (#FF6B5B) is reserved exclusively for buttons and urgent callouts, sparking action without feeling corporate
• Charcoal pencil (#2C2C2C) handles all body text for clean, readable contrast on cream backgrounds
• Fraunces is used for the manifesto and display type; DM Sans handles body copy and interface elements

Mobile & speed optimization

Both the block captain on her porch and the father searching from his phone are the primary audience. The template is built mobile-first from the ground up, so the experience on a small screen is never an afterthought.

• Images in the community gallery are lazy-loaded so the page begins rendering quickly even on slower mobile connections
• Scroll-reveal and underscore bloom animations are handled with GPU-accelerated CSS so they stay smooth without draining battery
• The floating call-to-action button is sized and positioned for thumb reach on mobile viewports

How this template helps you convert

The page is structured so that visitors earn trust before they are ever asked to do anything. By the time the registration form appears, the visitor has already read the manifesto, seen real neighbor faces, and understood the three ways to participate.

1. The scroll-reveal hero creates an emotional connection in the first few seconds, using words alone to communicate the weight and warmth of the network before any data or asks appear.
2. The community gallery alternates real photographs with hand-counted stat blocks, building both heart-level trust and evidence-based credibility in a single scroll.
3. The floating coral button and low-commitment text-list link give visitors two clear next steps at different levels of readiness, reducing drop-off for people who are curious but not yet certain.

Other information about this template

This template is part of a broader library of community and nonprofit landing page designs. A few additional details are worth knowing before you use it.

• The template style is Hero-Dominant (90/10), meaning the hero section commands ninety percent of the initial viewport and the remaining content follows in a supporting role
• Animation intensity is set to high, including scroll-reveal per line, staggered gallery entry, floating button appear-on-scroll, and the coral underscore bloom
• The page is localized for English-language, United States neighborhood contexts
• No stock photography is specified in the hero; the manifesto design relies on typography and gradient alone
• The community gallery is designed to accept real member-submitted photos rather than curated stock imagery, which reinforces authenticity
• The footer follows a Pattern 1 Linear Single-Row layout, keeping the close of the page minimal and uncluttered

Show more