Home
Templates
Community & Nonprofit
Charity & Fundraising
Kindred - Heartfelt Childrens Landing Page Template
Kindred is a children's charity landing page template built around a Hero's Journey scroll. It uses a full-screen video hero, asymmetric masonry card layouts, and a warm Civic Service visual identity to guide school counselors, corporate giving managers, and grandparent caregivers from awareness to action, earning trust through stories and data before a single ask.
by Rocket studio
Kindred is a single-page charity template designed for children's nonprofits. It opens with a warm-graded full-screen video, flows through staggered masonry cards that move visitors from problem to possibility, and closes with a gated Impact Report download. Every design choice, color, type, layout, serves one purpose: making it easy to believe in the work and act on that belief.
This template is built for children's nonprofits, charity organizations, and mission-driven teams that need a high-trust content hub. It speaks directly to the people most likely to arrive on the page with a specific purpose in mind.
Most nonprofit landing pages ask for something before they give anything. Visitors arrive uncertain, scan a generic donation button, and leave. Kindred reverses that pattern entirely.
You get a complete, ready-to-customize landing page structured around a proven emotional arc. Every section is purposeful, every component earns its place, and the visual system is consistent from the first video frame to the footer.




Theme
Civic Service
Creative direction
Hero's Journey
Color system
Cloud Canvas
Style
Masonry/Pinterest
Direction
Content/Resource
Page Sections
Full-screen Video Hero Section
Asymmetric Masonry Card Layout
Role-based Resource Bento Grid
Gated Impact Report Download
Scroll-triggered Card Animations
Civic Service Typography Pairing
What kind of organization is this template best suited for?
Do I need a video to use this template?
Can I use this template without the gated form?
Is this template suitable for mobile visitors?
How customizable is the color and type system?
This landing page template is built around components that work together to move a visitor from witness to participant.
A warm-graded, handheld-style video background opens the page at child height, following a morning school hallway scene. A floating glass headline card fades in over the final frame, anchoring the emotional entry point before the visitor scrolls.
Two distinct masonry sections use Pinterest-style staggered cards of varying sizes and visual weights. The first section holds statistics, photographs, and first-name stories in the need phase. The second section shifts tone toward outcomes, reading milestones, graduations, and family reunions.
A four-card bento grid presents separate, ungated resource paths for educators, donors, volunteers, and families in need. Each card links to program guides, volunteer handbooks, or school partnership toolkits without requiring an email address.
A single-field email form paired with a role selector gates the 2024 Impact Report download. The form sits below three full scroll-lengths of free content, so trust is already established when the ask arrives.
Cards animate into view as the visitor scrolls, using staggered timing to create a sense of unfolding. Hover states on masonry cards add a layer of interactivity that feels responsive without being distracting.
Fraunces serif headlines carry warmth and authority across section titles and story cards. DM Sans handles body text with clean readability, keeping long-form statistics and program descriptions easy to scan on any screen size.
| Section | Purpose |
|---|---|
| Video Hero | Sets emotional tone and delivers the headline |
| Reality Masonry | Shows the scale of need through statistics and stories |
| Outcomes Masonry | Shifts focus to transformation and results |
| Role Path Bento | Routes each visitor type to relevant resources |
| Impact Report Gate | Captures email and role in exchange for the report |
| Footer | Provides navigation, contact, and organizational links |
The visual identity follows a Civic Service theme built around the Cloud Canvas color system. The palette feels humble and earnest, like a child's drawing pinned to a refrigerator, impossible to dismiss.
The template is built mobile-first, reflecting the reality that school counselors often browse on phones and grandparent caregivers use tablets. Layout decisions prioritize touch-friendly targets and readable type at smaller sizes.
The conversion strategy is built into the scroll architecture itself. Visitors are never asked to give before they receive.
This template is part of the Community and Nonprofit category, sitting within the Charity and Fundraising subcategory with a specific focus on children's charity organizations. A few additional details worth noting: