Home
Templates
Community & Nonprofit
Affordable Housing Nonprofit
Hearth - Powerful Housing Landing Page Template
Hearth is a modular card grid landing page built for international affordable housing nonprofits. It guides emotionally engaged visitors through cinematic storytelling, proof-stacked project cards, and an interactive cost breakdown, then moves them into a donation flow with a single, confident click. No forms, no friction, just $4,200 made tangible and buildable.
by Rocket studio
Hearth is a single-page click-through landing page for an international affordable housing nonprofit. It opens with a cinematic manifesto and moves visitors through completed project proof, a five-phase build process, and a fully itemized $4,200 cost breakdown. Every section earns the final click to the donation flow rather than demanding it.
This template is built for organizations that construct homes in under-resourced communities and need to convert emotionally invested visitors into donors. It works especially well when your cause requires proof before commitment, not just inspiration.
Most nonprofit landing pages ask for trust before they have earned it. They lead with a donation button before showing a single completed home. Hearth reverses that sequence entirely.
You get a fully structured, high-interactivity landing page that stacks proof in sequence and ends at a single click-through to your donation flow. Every section is purposeful and prompt-built.
This template delivers six core capabilities that work together to move a first-time visitor from emotional recognition to confident action.




Theme
Community Hearth
Creative direction
Movement & Cause
Color system
Teal Catalyst
Style
Card Grid (Modular)
Direction
Click-Through
Page Sections
Phrase-by-phrase Manifesto Hero
Modular Completed Project Cards
Expandable Five-phase Build Process
Interactive $4,200 Cost Breakdown
Persistent Dual-device Call to Action
Proof-stacked Partner Anchor Section
Does this template include a donation form?
Can I update the project cards with my own communities?
Is the $4,200 cost breakdown fixed or editable?
Who is this landing page template designed for?
Does the template support projects across multiple countries?
The header opens on a slow-panning aerial shot of a community build in progress. Phrases appear one at a time, timed to breath. The camera drifts from overhead to eye level, settling on a woman's hands smoothing wet cement. Navigation only appears after the manifesto completes.
Three completed-community cards sit in the first card row. Each card shows a family count, a country flag, and a single-line testimony from a resident. The grid rhythm accelerates as visitors scroll, with cards growing smaller and more numerous to visually mirror a neighborhood taking shape.
A wide card in the second row reveals the full construction process on click. The five phases unfold inside the card itself, keeping the visitor on the page and deepening trust before they reach the cost section.
The $4,200 home cost is divided into four visible components: foundation, walls, roof, and door. Each component is clickable and reveals a photograph of that exact construction stage. This makes the donation amount feel concrete and accountable, not abstract.
The primary call to action, labeled "Build a Home Today," appears as a fixed bottom bar on mobile and an anchored sidebar button on desktop. A secondary path, "See Our Open Projects," gives research-driven visitors a deeper route before committing. No form appears on this page.
The final section displays partner organization logos alongside the persistent call to action. This anchors organizational credibility at the moment visitors are closest to clicking through.
| Section | Purpose |
|---|---|
| Cinematic Manifesto Hero | Opens with aerial build footage and phrase-by-phrase manifesto before revealing navigation |
| Completed Project Cards | Three modular cards showing family count, country flag, and resident testimony |
| How We Build Card | Wide expandable card revealing the five-phase construction process on click |
| Cost Breakdown Card | Interactive $4,200 breakdown with clickable components and stage photography |
| Partners and Call to Action | Partner logos paired with the persistent "Build a Home Today" call to action |
The visual identity follows a Community Hearth theme built around a Teal Catalyst color palette. The aesthetic feels like a freshly plastered wall drying in equatorial sun: warm, specific, and unmistakably alive.
The template is built mobile-first, with the persistent call-to-action bar anchored to the bottom of the screen on smaller devices. Desktop visitors see an equivalent anchored sidebar button instead.
Hearth is structured as a deliberate evidence ladder. Each section adds a layer of proof before asking for anything.
This template is designed specifically for the affordable housing international nonprofit use case. It is not a general charity template repurposed for housing. Every layout decision, from the accelerating card density to the cost breakdown interactivity, reflects the specific trust journey of a donor who needs to see before they give.