Hearth - Powerful Prisonreform Landing Page Template

Quick summary

Hearth is a single-page advocacy template designed for criminal justice reform nonprofits. It leads with a movement-style hero, builds trust through alternating testimony panels, and converts visitors with a warm "Pull Up a Chair" signup form. The botanical color system and hand-lettered typography give every section the feel of a community gathering, not a campaign pitch.

Who this template is for

This template is built for organizations doing the hard, human work of criminal justice reform. It speaks directly to the people who show up, burned out, hopeful, grieving, or newly inspired, and gives them a place to land.

• Nonprofit advocacy organizations focused on sentencing reform, reentry support, or policy change
• Community organizers and faith leaders running jail ministry or family support programs
• Students, public defenders, and families of incarcerated people looking to connect with a movement

What problem this template solves

Most advocacy pages ask for too much too soon. They lead with a donation button before they've earned a single moment of trust. Hearth solves this by letting real voices speak first and placing the signup form only after three testimony panels have done their work.

• Visitors arrive from emotionally varied places and need to feel recognized before they act
• Generic nonprofit templates lack the visual warmth and testimony structure that builds credibility for criminal justice causes
• The ask gets buried or rushed, causing drop-off before any connection is made

What you get with this template

Hearth delivers a fully structured, single-page layout with every section purpose-built for advocacy storytelling. You get a complete visual system, a lead capture form, and a secondary PDF download path, all in one cohesive flow.

• A hashtag hero section with a portrait mosaic, chalk-style headline, and a live movement counter
• Three alternating testimony panels pairing personal portraits with policy context, plus a bento-style policy wins grid
• A "Pull Up a Chair" lead generation form with a first name field, email field, and a segmented "What brings you here?" question

Feature list

A single paragraph introducing the features:

Hearth is built around a set of focused, advocacy-specific components. Each feature serves the page's core goal: turning a visitor's emotional response into a meaningful first step.

Hashtag Hero with Live Counter

The hero section opens on a bold, chalk-style headline set against a warm portrait mosaic. A live counter ticks upward to show how many people have already joined the movement. This creates immediate social proof without manufactured urgency.

Alternating Voice Gallery

Three zigzag testimony panels each pair a portrait and pull quote on one side with a policy stat or reform explainer on the other. The layout flips with each panel, creating a rhythm that feels like being introduced around a table. Staggered scroll reveals animate each voice into view.

Bento-Style Policy Wins Grid

A compact impact grid displays concrete legislative reforms and measurable outcomes. Spotlight hover states draw attention to each win card. This section turns abstract progress into specific, legible proof points.

"Pull Up a Chair" Lead Form

The primary call to action form captures first name, email, and a single segmented question: "What brings you here?" Tab-style radio buttons let visitors self-identify as a family member, a justice worker, a volunteer, or a learner. The form appears only after three testimony panels have built trust.

Secondary PDF Download Path

A second conversion path offers a downloadable policy brief in exchange for an email address. This gives research-minded visitors, policy advocates, students, public defenders, a low-pressure entry point that still captures contact information.

Botanical Color and Typography System

The full design system ships with the template. Deep loam brown grounds the background, fern green signals action elements, sun-warmed cream opens generous whitespace, and dried lavender highlights direct human quotes. Fraunces serif handles headlines and DM Sans handles body text.

Page sections overview

Design & branding system

The visual identity follows a Community Hearth theme. Every color choice is intentional, every font pairing serves the emotional tone of the content. The result is a page that feels warm and credible at the same time.

• Deep loam brown (#3B2F2F) as the primary background, fern green (#4A7C59) on action elements and section accents, sun-warmed cream (#F5ECD7) for text blocks and whitespace, and dried lavender (#8E7B9A) reserved for quotes and human voice callouts
• Fraunces serif for headlines with a hand-lettered, chalk-wall quality; DM Sans for body text with clean readability at all sizes
• Staggered scroll reveals, a counter tick-up animation, and subtle parallax on portrait images bring the Community Gallery creative direction to life

Mobile & speed optimization

The template is built mobile-first because the people who need this page most are often reaching it from a phone. Families navigating collect-call bills and students reading on transit are not sitting at desks.

• Portrait-led zigzag panels reflow cleanly on small screens, keeping testimony readable without losing the alternating layout rhythm
• The tab radio form is thumb-friendly and requires minimal input, reducing friction for mobile visitors completing the "Pull Up a Chair" signup
• Static sections use server-rendered components while the live counter and form interactions are handled client-side for a responsive, low-latency experience

How this template helps you convert

Hearth earns the conversion before it asks for it. The page is structured so that trust accumulates across every scroll, and the call to action arrives at the moment a visitor is most ready to say yes.

1. The live movement counter in the hero establishes that real people have already committed, giving new visitors a social signal that joining is a natural next step
2. Three testimony panels build layered credibility, personal pain, collective context, and policy proof, before the "Pull Up a Chair" form ever appears
3. The segmented "What brings you here?" question makes visitors feel seen rather than processed, increasing the likelihood they complete the form and return

Other information about this template

Hearth is a template released on a platform that supports modern web development workflows. It is designed for organizations in the United States working in English, with pricing and localization set for a domestic context. The template can support further customization of colors, copy, and portrait photography to match a specific organization's brand voice and campaign focus.

• The template is categorized under Community and Nonprofit with a Prison Reform Advocacy Organization niche, making it well-suited for criminal justice reform groups at local, state, or national scale
• The footer follows a horizontal flow pattern that accommodates navigation links, social handles, and organizational contact details
• Animation intensity is set to medium, with staggered reveals and parallax that add visual depth without overwhelming lower-powered mobile devices

Show more