Home
Templates
Community & Nonprofit
Foundation & NGO
Hearth - Inspiring Educationngo Landing Page Template
Hearth is a hero-dominant landing page template built for grassroots education nonprofits. A Community Mosaic header fills ninety percent of the viewport with candid village photographs, then guides visitors through a Village Stories Gallery, an Impact Transparency section, and a two-step "Light the Next Lamp" form that converts CSR managers, diaspora donors, and volunteer mentors in a single scroll.
by Rocket studio
Hearth is a single-page template for education-focused nonprofits doing real, traceable work in rural communities. It opens with a full-viewport photo mosaic, moves through alternating story and quote sections, and closes with a dual-path lead generation form. Every design choice reinforces credibility before the ask arrives.
This template is built for organisations that earn trust through evidence, not polish. It suits nonprofits and collectives where donors and volunteers need to see proof before they commit.
Many education nonprofits struggle to convert warm visitors into committed donors or volunteers. The page either asks too early, before trust is built, or buries the impact data so deep that motivated visitors leave before finding it.
You get a complete, one-page layout that moves a visitor from first impression to form submission without losing momentum. The structure is deliberate: emotional weight is built gradually, trust is established through named stories, and the call to action arrives only after the evidence does.
This template ships with a carefully considered set of interactive and structural features drawn directly from the Community Gallery creative direction and the Lead Generation landing page intent.
The hero section tiles dozens of candid photographs edge-to-edge across ninety percent of the viewport. Each thumbnail is slightly warm-shifted, and the full composition reads as one living quilt. A single tagline sits in the bottom tenth on a cotton white band, grounding the visual energy in a human phrase.
Scrolling through this section feels like walking through a photo exhibition. Each story block spotlights a different village, a different cohort, or a different year, with real names and a single outcome metric beside each account. Full-bleed photo bands alternate with quote cards on cotton white, building emotional momentum as the visitor moves deeper.
A bento-style grid presents traced rupee metrics and dated outcomes in a scannable format. Every figure connects a donation amount to a named classroom result, giving CSR managers and individual donors the verifiable data they need before committing.
The "Light the Next Lamp" call-to-action form uses a two-step flow. Step one presents a single toggle: donate or volunteer. Step two reveals the relevant path, either donation amount presets or a skills dropdown, keeping the experience focused and low-friction.
Visitors who are not ready to donate or volunteer can enter only their email to receive a downloadable impact report. This secondary conversion path captures high-intent visitors who need one more layer of evidence before taking action.
Mosaic tiles stagger in on load, photos reveal on scroll, and the two-step form transitions smoothly between steps. These medium-intensity animations reinforce the warm, handcrafted feeling of the design without distracting from the content.
| Section | Purpose |
|---|---|
| Community Mosaic Hero | Opens with a full-viewport photo grid and a single anchoring tagline |
| Village Stories Gallery | Builds credibility through alternating full-bleed photos and quote cards |
| Impact Transparency Grid | Shows rupee-to-classroom traceability in a scannable bento layout |
| Volunteer and Mentor Paths | Addresses donor, CSR, and volunteer audiences in an asymmetric split |
| Light the Next Lamp Form | Converts visitors through a two-step donate-or-volunteer form |
| Impact Report Download | Catches research-first visitors with a low-commitment email exchange |
| Minimal Footer | Closes in sal green with essential links and contact information |
The Forest Trust color system feels like a schoolroom built from local materials. Deep sal wood green anchors headers and the footer. Sun-warmed clay highlights every clickable element. Chalkboard slate carries body text. Hand-pressed cotton white holds the backgrounds and quote cards.
The template is built mobile-first, which reflects how many diaspora donors and rural-adjacent supporters browse during giving seasons. The layout adapts gracefully from the mosaic hero down through every alternating story section.
The conversion logic in Hearth is built on accumulated evidence. Trust is earned by the time the form appears, so the ask feels like a natural continuation rather than an interruption.
This template was designed specifically for the Community and Nonprofit category, with a Foundation and NGO subcategory focus and an Education NGO niche. It sits at the intersection of emotional storytelling and radical transparency, two qualities that matter most to the audiences it serves.




Theme
Community Hearth
Creative direction
Community Gallery
Color system
Forest Trust
Style
Hero-Dominant (90/10)
Direction
Lead Generation
Page Sections
Community Mosaic Hero Header
Village Stories Gallery
Impact Transparency Bento Grid
Dual-step Lead Generation Form
Impact Report Download Path
Scroll-linked Animations
Who is this landing page template best suited for?
Can I use this template for both donor and volunteer recruitment on the same page?
Does the template support a secondary conversion for visitors who are not ready to give?
How many sections does this landing page include?
Is this template suitable for festive or seasonal giving campaigns?