Hearth is a compassionate wildfire recovery landing page template built for grassroots community networks. It connects displaced families with volunteer rebuild crews, donated materials, and trauma-informed counselors through a warm, earthy design. The page drives event registration for community rebuild days using a zigzag layout, a survivor testimonial header, and a smart help-or-give toggle form.
by Rocket studio
Hearth is a single-page wildfire recovery template designed for grassroots nonprofit networks. It opens with a survivor testimonial card, guides visitors through alternating image-and-text sections, and closes with a registration form for community rebuild days. The tone is warm and human, built for people in crisis and neighbors ready to help.
This template is built for community-led organizations responding to wildfire displacement. It speaks directly to two very different visitors arriving at the same page.
Most disaster relief pages feel cold and institutional. They use stock imagery, dense bureaucratic language, and generic calls to action that do nothing for someone searching from a borrowed phone at 2 a.m.
Hearth gives you a fully structured, single-page layout built around the emotional arc of wildfire recovery. Every section is purposeful, warm, and designed to move people from grief toward agency.




Theme
Community Hearth
Creative direction
Hero's Journey
Color system
Botanical
Style
Zigzag/Alternating
Direction
Event Registration
Page Sections
Survivor Testimonial Hero Card
Zigzag Alternating Section Layout
Dynamic Help-or-give Registration Form
Event Date Picker for Rebuild Days
Impact Statistics Block
Neighborhood Community Stories Carousel
Who is this landing page template built for?
Can the registration form handle both people who need help and people who want to volunteer?
What sections are included in this template?
Is this template suitable for mobile users in emergency situations?
Can I use this template for disaster relief beyond wildfires?
Hearth includes a focused set of components drawn directly from the brief. Each one serves the recovery network's core mission.
The page opens with a floating card showing a survivor portrait, a handwritten-style quote, and location details including neighborhood, fire name, and date. This single card sets the emotional register for everything that follows.
Sections alternate between left-image and right-text, then right-image and left-text. The sequence moves from wreckage and assessment through raised walls and rebuild milestones, creating a visual journey from loss toward recovery.
A single toggle reveals two distinct checklists. Visitors who need help see options for housing, supplies, counseling, and childcare. Visitors who want to give see a skills list covering framing, electrical work, cooking, childcare, and Spanish-speaking support.
The registration form includes a date picker that loads the next three scheduled rebuild events. This keeps registration concrete and action-oriented rather than vague.
A dedicated section displays completed rebuilds with exact volunteer hours and families served. This proof-of-impact section sits directly before the registration form, making the cost of participation feel small against visible results.
A horizontal-scroll testimonial section organizes survivor stories neighborhood by neighborhood. This section lets the scroll feel like watching a community come back, house by house.
| Section | Purpose |
|---|---|
| Hero Testimonial Card | Opens with a survivor quote and portrait to establish immediate human trust |
| Primary Call to Action | Places the "Join the Next Rebuild Day" button directly below the hero card |
| Services Zigzag One | Pairs a wreckage image with text describing assessment services |
| Services Zigzag Two | Pairs a raised-wall image with rebuild milestone descriptions |
| Secondary Call to Action | Repeats the registration prompt after every second zigzag section |
| Impact Stats Block | Shows completed rebuilds, volunteer hours, and families served |
| Registration Form | Hosts the help-or-give toggle, needs/skills checklists, and date picker |
| Community Stories | Scrollable neighborhood-by-neighborhood survivor testimonials |
| Footer | Arc Browser Split pattern on a deep loam brown background |
Hearth uses a Botanical color system that feels like new growth after a burn. The palette does not deny the disaster. It insists on what comes after it.
The template is built mobile-first, recognizing that many visitors arrive on borrowed or low-battery devices while standing in relief lines.
Hearth structures the visitor's journey so that registration feels like the natural next step, not a sales pitch.
Hearth is designed for Western United States wildfire recovery contexts, with language and audience assumptions suited to California, Oregon, and Washington recovery networks. The layout and registration form also adapt naturally to other disaster relief and community rebuilding use cases.