Commune - Rooted Mutualaid Landing Page Template

Quick summary

Commune is a single-page editorial template designed for economic equality mutual aid networks. It uses a community zine rhythm, cinematic photography, and honest financial transparency to earn trust before asking for support. Visitors arrive at a striking half-page hero and leave having read real neighbor stories, seen where the money goes, and found a simple way to give or pitch in.

Who this template is for

This template is built for grassroots organizers, neighborhood fund coordinators, and mutual aid group leaders who want a page that feels earned rather than polished. It speaks directly to communities where the people giving and the people receiving are the same neighbors.

• Mutual aid network founders launching a public-facing fundraising and recruitment page
• Community organizers who need transparent financial reporting alongside donation tools
• Neighborhood groups serving single parents, elders, and gig workers seeking non-stigmatized resource sharing

What problem this template solves

Most nonprofit templates feel like institutional pitch decks. They lead with statistics and ask for money before earning trust. Commune flips that sequence. It puts human stories and honest numbers first, so visitors arrive at the donation module already convinced.

• Generic charity layouts frame recipients as passive and helpless, undermining the mutual aid value of reciprocity
• Donation pages that bury their financials lose trust before visitors scroll halfway down
• Standard volunteer forms feel bureaucratic and cold, discouraging casual neighborhood participation

What you get with this template

Commune delivers a fully structured, single-page editorial layout with every section already sequenced for maximum trust-building. The design, copy placeholders, and interactive modules come ready to customize for your specific network.

• A half-page hero with documentary photo placement and a large serif headline slot
• Three editorial member story spreads, a transparent monthly ledger section, and a two-path conversion module
• An interactive donation amount selector with a recurring giving toggle and a separate participation form for time, skills, or goods

Feature list

Half-Page Documentary Hero

The hero splits the viewport into two equal halves. The left holds a black-and-white photographic panel sized for a waist-height documentary shot. The right carries a large Fraunces serif headline and a bark brown subtext line styled like a publication masthead with city name and founding year.

Editorial Member Story Spreads

Three full-width editorial spreads each feature a neighbor's first name, their block, and a single quoted sentence about what they gave or received that month. The layout alternates tight photojournalistic imagery with generous white space, building a slow, deliberate reading rhythm designed to be read, not skimmed.

Transparent Monthly Ledger

A dedicated section presents the network's financial activity in clear, readable typographic layout. Figures for dollars moved, households touched, requests fulfilled, and average turnaround time appear as honest, unadorned numbers. Counter animations bring the figures to life on scroll without distracting from the data.

Kitchen-Table Donation Module

The donation module uses a preset amount selector styled as place settings at a kitchen table, with options for $20, $50, $100, and a custom amount. Recurring giving is the default toggle state, framed as "stay at the table" rather than a subscription. The module appears only after the member stories and ledger, so donors give with full context.

"Offer What You Have" Participation Form

A secondary conversion path invites non-monetary contributions. A simple form lets visitors list available time, skills, or goods. This gives neighbors who cannot donate financially a direct, non-stigmatized way to join the network and contribute what they have.

Scroll-Linked Reveal Animations

Staggered text reveals and scroll-linked entrance animations pace the reading experience across all sections. The effect mirrors the feel of flipping through a printed community zine, keeping attention on each section before the next one enters view.

Page sections overview

Design & branding system

The visual identity follows a Civic Service theme built around the Forest Trust color palette. Every color choice references something weathered and alive, like a community bulletin board nailed to a wooden fence post. Typography pairs expressive serif headlines with a clean, readable body face to balance warmth with clarity.

• Colors: deep evergreen (#1B4332) for headers and navigation, bark brown (#5C4033) for body text, soft lichen gray (#D8DCD6) for section backgrounds, and goldenrod (#DAA520) reserved for calls to action and pull-quote highlights
• Typography: Fraunces serif for all display headlines, DM Sans for body text and form labels
• Visual style: editorial magazine meets community zine, with photojournalistic imagery, honest white space, and no decorative embellishment that competes with the content

Mobile & speed optimization

The template is built desktop-first with a strong mobile reading experience. The editorial zine rhythm translates naturally to vertical scrolling on smaller screens, preserving the slow, deliberate pace of the original layout.

• Interactive modules including the donation selector, recurring toggle, and participation form are built as client-side components, keeping the rest of the page lightweight
• Static editorial sections use server-rendered components so the majority of content loads quickly without waiting for JavaScript
• Member story spreads and the ledger section restack gracefully at mobile widths, maintaining readability without losing the documentary visual tone

How this template helps you convert

Commune is structured specifically to earn trust before asking for anything. Every section is ordered to reduce hesitation and make both monetary and non-monetary participation feel like the natural next step.

1. The member story sequence and transparent ledger appear before any donation prompt, so visitors arrive at the giving module already connected to real people and real outcomes.
2. The kitchen-table donation framing lowers the emotional barrier by making a $20 contribution feel like pulling up a chair rather than filling out a grant form.
3. The "Offer What You Have" path captures neighbors who want to participate but cannot give financially, broadening the network's reach beyond pure donation conversion.

Other information about this template

Commune sits at the intersection of editorial design and community finance, making it distinct from standard charity or crowdfunding templates. A few additional details worth knowing before you build with it.

• The template is localized for United States audiences, using USD currency formatting and English-language copy placeholders throughout
• The donation module defaults to recurring giving, which is the most effective setup for sustaining a mutual aid network over time
• Animation intensity is set to medium: scroll-linked reveals and counter animations are included but do not override readability or slow down the reading experience
• The page footer follows a linear single-row pattern, keeping navigation minimal and focused on the network's core identity
• Interactivity is rated high across the template, covering the donation amount selector, recurring toggle, member story rotator, and the participation form

Show more