Hearth - Warm Grandparent Landing Page Template
Hearth is a warm, hero-dominant landing page template built for grandparent support groups and kinship caregiver communities. It leads with a full-viewport manifesto, flows through real member portrait stories, and offers freely downloadable resources before inviting visitors to join. The design feels domestic and unhurried, with a serif-led palette that says belonging before it says anything else.
by Rocket studio
Quick summary
Hearth is a single-page template designed for grandparent caregiving circles and community support groups. A ninety-percent-height hero opens with a serif manifesto and an atmospheric photo fade. Member stories, free downloadable resources, and a frictionless join form follow in a warm, emotionally paced scroll.
Who this template is for
This template is built for anyone who organizes or supports a grandparent caregiver community. It works equally well for grassroots support circles and nonprofit-backed kinship care programs.
- Grandparent kinship caregivers looking to build or grow a local support group
- Nonprofit coordinators and senior service organizations running community programs
- Social workers and referral professionals who need a warm, trust-building entry point for isolated grandparent caregivers
What problem this template solves
Many grandparent caregivers feel invisible online. Most community pages feel clinical or transactional, which causes people who are already overwhelmed to click away before they ever reach a form.
- Generic community pages fail to reflect the emotional reality of raising grandchildren at sixty or older
- Isolated caregivers need to feel recognized before they are willing to share personal contact details
- Free resources buried behind gates erode trust at the exact moment a visitor is most vulnerable
What you get with this template
You get a complete, single-page layout that moves a first-time visitor from recognition to connection without friction. Every section is designed to hold attention and build warmth before making any ask.
- A full-viewport hero with a serif manifesto quote and an atmospheric, soft-focus photograph fade
- A member stories section featuring portrait cards, first-person sentences, and pull-quote rest stops
- A free resource section offering downloadable guides without a gate, followed by a simple name-and-email join form
Feature list
This template includes purpose-built sections and design choices that work together for a grandparent caregiver audience. Each feature reflects a deliberate decision from the source brief.
Hero Manifesto Section
The hero fills ninety percent of the viewport with a single serif manifesto set over a linen-white field. A soft-focus photograph of real hands fades in beneath the text, creating immediate emotional recognition before any scrolling begins.
Member Portrait Stories
Each member is introduced with their name, their grandchild's age, and one short sentence that captures their experience honestly. Portrait cards have hover states, and pull-quotes in hearthstone brown are placed between stories as emotional rest stops.
Freely Available Resource Guides
Downloadable guides covering topics such as legal rights for kinship caregivers, self-care routines, and school enrollment checklists are offered without a content gate. This approach builds trust before the join form appears.
Frictionless Join Form
The "Join Our Circle" call to action leads to a short form asking only for a name and email address. One optional field invites visitors to share what the hardest part of their situation is right now, keeping the tone personal and low-pressure.
Scroll-Reveal Animations
Text reveal animations and scroll-triggered fade-ins pace the reading experience. The rhythm is unhurried, guiding visitors through the page without urgency or pressure.
Secondary Story Path
A "Read More Stories" call to action gives visitors an alternative next step. It keeps people inside the page experience longer before they decide whether to join.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Manifesto | Opens with full-viewport serif quote and atmospheric photo fade |
| Member Stories | Shares real portrait cards, first-person sentences, and pull-quotes |
| Free Resources | Offers ungated downloadable guides to build immediate trust |
| Join Our Circle | Presents a simple name-and-email form with one optional field |
| Footer | Closes the page with horizontal flow layout |
Design & branding system
The visual identity follows a Community Hearth theme using a Cloud Canvas color palette. Every choice feels domestic and lived-in, never clinical or corporate.
- Colors: linen white (#FAF7F2) background, hearthstone brown (#A68B6B) for primary elements and pull-quotes, gentle dusk lavender (#C4B1CC) as an accent tone, and deep walnut (#3E2C23) for body text
- Typography: Fraunces serif for display headings and the manifesto, DM Sans for body copy, creating an unhurried editorial rhythm
- Photography direction uses real, imperfect window-light images rather than stock-perfect visuals, reinforcing the lived-in warmth of the design
Mobile & speed optimization
The template is built with a mobile-first approach. Grandparent caregivers are frequently on phones, often between school pickups or pediatrician visits, so the layout prioritizes touch-friendly interactions and legible type at smaller sizes.
- Large touch targets and generous type sizing make the page comfortable to read and interact with on a phone screen
- Images use lazy loading so the page begins rendering content before all photographs have fully downloaded
How this template helps you convert
The conversion path in Hearth is emotional before it is functional. Visitors are not asked to act until they already feel understood.
- The hero manifesto creates instant recognition, so visitors know within seconds that this page is for them specifically.
- Member stories and ungated resource guides demonstrate real value and honesty before the join form ever appears, reducing friction at the point of commitment.
Other information about this template
Hearth fits within the Community and Nonprofit category, specifically the Senior and Elder Service subcategory. It was designed for the grandparent support group niche and carries an intersection match score of thirteen, reflecting a tightly aligned fit between template style and audience intent.
- Template style: Hero-Dominant (90/10), with the hero section taking ninety percent of the initial viewport
- The footer uses a horizontal flow layout pattern suited for nonprofit and community organizations
- The landing page direction is Content and Resource focused, prioritizing trust-building content over immediate conversion pressure
- The header concept is a Quote and Manifesto format, which is rare in senior service templates and creates strong emotional differentiation
- The creative direction follows a Team and People approach, centering real human faces and voices rather than abstract imagery or icons




Theme
Community Hearth
Creative direction
Team & People
Color system
Cloud Canvas
Style
Hero-Dominant (90/10)
Direction
Content/Resource
Page Sections
Full-viewport Hero Manifesto
Member Portrait Story Cards
Ungated Resource Downloads
Simple Frictionless Join Form
Scroll-reveal Animation System
Secondary Story Navigation Path
Related questions
Can I customize the member portrait stories with real photos and names?
Do the downloadable resource guides come included with the template?
Is the join form connected to an email service by default?
Can this template work for a virtual support group, not just an in-person one?
How do I change the color palette if my organization uses different brand colors?