Solace — Child Grief Support Landing Page Template

Quick summary

Hearth is a single-column landing page template built for children's grief counseling practices. It uses hand-drawn illustration, a warm citrus color palette, and a bedtime-story scroll pace to help recently bereaved families feel safe enough to take the first step. A built-in five-question quiz guides parents to a program recommendation and a free call booking.

Who this template is for

This template was designed for grief counseling practices that work with children and the adults who care for them. It speaks directly to families in acute distress and to the professionals who support them.

• Recently widowed parents or grandparents suddenly raising grandchildren after a loss
• Children's grief counselors and small practices looking for a warm, trust-first online presence
• School counselors seeking a credible referral page for grieving children ages four through twelve

What problem this template solves

Parents searching for children's grief support at midnight are not ready for a clinical, form-heavy website. They need to feel that the practice genuinely understands their child before they fill out anything. Most counseling templates look sterile and transactional. Hearth solves that mismatch.

• Families arrive in crisis and leave before booking because the page feels cold or confusing
• Generic counseling templates fail to show a parent what will actually happen during sessions
• Standard contact forms ask for commitment before building any emotional trust

What you get with this template

You get a complete, ready-to-customize single-column landing page built around a clear narrative arc. Every section has a specific job, and they connect in a sequence that feels unhurried and humane.

• A nine-icon illustrated hero grid, five-section scroll layout, and a linear single-row footer
• A fully structured five-question quiz with one-at-a-time reveal, a progress bar, and a result page
• Fraunces serif headlines and DM Sans body typography pre-paired across every section

Feature list

This template is built around a set of tightly connected features. Each one serves the emotional journey a grieving family takes from first landing on the page to booking a call.

Nine-Icon Illustrated Feeling Grid

The hero opens with nine hand-drawn, slightly imperfect icons arranged in a three-by-three grid. Each icon represents a feeling children encounter in grief: a storm cloud, a clenched fist, a pillow fort, a candle, a question mark, a pair of shoes by a door, a hug, a seed in soil, and a sunrise. They rest on an oat-milk white background with generous breathing room and no borders.

Step-by-Step Counseling Narrative

The scroll walks parents through exactly what to expect. Section one names the feelings shown in the icon grid. Section two describes the first session in plain, physical language. Section three presents an eight-week program arc with one sentence per week. Section four introduces counselors through warm, specific personal details.

Five-Question Guided Assessment Quiz

The quiz is the conversion engine. Questions cover the child's age range, type of loss, time since loss, observed behaviors via checkboxes, and an open-text field for anything else the parent wants to share. Each question appears one at a time with generous whitespace and a soft clementine progress bar.

Gentle Quiz Result Page

After completing the quiz, parents receive a result page written in soft, reflective language. It mirrors back what they shared and recommends a specific program format. It closes with a "Book a Free 15-Minute Call" button styled in persimmon to draw the eye clearly.

Warm Citrus Color System with Purposeful Accents

The palette uses oat-milk white for backgrounds, honey for section transitions, clementine for interactive elements, and a single persimmon accent reserved only for the primary call-to-action button. This restraint gives the persimmon button immediate visual weight without competing colors nearby.

Pre-Paired Serif and Sans-Serif Typography

Fraunces, a warm display serif, handles all headlines. DM Sans handles all body copy. The pairing gives the page the feel of a carefully written picture book: authoritative but gentle, readable at any size.

Page sections overview

Design & branding system

The visual identity follows a Community Hearth theme. Every color choice is deliberate and restrained, giving the page warmth without visual noise.

• Palette: oat-milk white (#FFF8F0) backgrounds, honey (#F6BD60) section transitions, clementine (#F4845F) interactive elements, persimmon (#D1495B) for the primary call-to-action only, and charcoal-brown (#3D2C2E) for body text
• Illustration style: hand-drawn, slightly imperfect SVG icons with no photography and no stock faces, keeping the tone craft-made rather than clinical
• Typography: Fraunces serif for headlines paired with DM Sans for body copy, creating a warm picture-book reading rhythm

Mobile & speed optimization

Parents searching for children's grief support often reach this page late at night on a phone. The template is built mobile-first to make sure the experience works at that moment.

• Single-column layout stacks naturally on small screens without layout shifts or cluttered sidebars
• SVG illustrations keep file sizes light, supporting a fast initial load without heavy image assets
• Low-to-medium animation using gentle fade-ins and soft scroll reveals avoids jarring motion on slower connections

How this template helps you convert

The quiz does the emotional heavy lifting before a parent ever sees a booking button. By the time they reach the result page, they have already told their story, which makes the call-to-action feel like a natural next step rather than a cold ask.

1. The step-by-step scroll builds trust section by section, showing parents exactly what their child will experience before asking for anything in return
2. The five-question quiz creates investment: each answered question deepens a parent's sense that this practice truly understands their child's situation
3. The persimmon "Book a Free 15-Minute Call" button appears only after the quiz result, arriving at the moment a parent is most ready to act

Other information about this template

Hearth fits naturally into a broader family wellness or children's mental health web presence. It can stand alone as a primary landing page or serve as a focused campaign page alongside a fuller practice website.

• The template is built for English-language audiences in the United States, with warm American English copy tone throughout
• The footer follows a linear single-row pattern, keeping the close clean and uncluttered
• Animation intensity is set to low-to-medium, with gentle fade-ins and soft scroll reveals that feel appropriate for a grief-support context
• The quiz result page is designed to reflect, not diagnose, keeping language gentle and appropriate for a licensed counseling context

Show more