Leave this site
Quiet Circle Design System

Four pages

The system, composed.

A homepage and three audience landings, built only from the sections catalog. Every page carries the quick-exit link, the same header, and the same footer. The demo organization is called Hawthorn House and does not exist: this is a base template, not a clone of any one org.


Homepage

Quiet acknowledgment and one primary path, the four programs as cards, the newly-grieving and supporters teasers, then the quiet ask for money. Faith disclosure and stories are both switched off here.

Open the homepage →

If you're newly grieving

The primary path for a parent in the first days. No hero CTA at all: the page opens by telling the reader they do not have to finish it. Cards carry the moments that catch people off guard later.

Open the landing →

What we offer

The find-a-group path, so the hero CTA reads "Find a support group near you". Shows the programs as cards and again as the plain list, which is the shape to use once an org has more than six.

Open the landing →

For supporters

The only page addressed to someone other than the bereaved parent. Two-column what-helps and what-doesn't lists, guides by relationship, and the speak-with-a-peer CTA.

Open the landing →


WHAT CHANGES PER ORGANIZATION

Four flex points, and nothing else.

Palette (oatmeal-warm, sage, dusty-blue), faith framing on or off, stories included or omitted, and which single primary path the hero CTA points at. Everything else stays fixed, because the fixed parts are what keep the system from drifting generic.

Back to the overview