design guideWhy Marigold looks, reads, and works the way it does
Every choice on this site — the flower, the serif, the first-person story, the honest numbers — was made for a specific founder with a specific credibility problem. This guide explains the strategy so a real founder can borrow it.
About this fictional organization
Marigold Health Navigators is a fictional nonprofit founded by "Denise Carter," a cancer survivor whose own diagnosis came late because no one helped her navigate the system. The organization provides early detection education, screening access support, and survivor-led patient navigation for underserved communities.
She represents a founder Rooted & Wired meets constantly: someone with lived experience, deep community trust, and a health mission that must be credible to two very different audiences at once — neighbors who distrust the medical system, and health-sector funders who require rigor.
Who this site was designed for
In the first 10 seconds, each visitor needs…
Community members need to feel safety, not judgment — the hero says "no one was looking," never "you waited too long." The promise line ("we'll go with you") converts fear into an invitation.
Patients mid-diagnosis need one clear action: Find a Navigator sits in the hero, not buried under donor content.
Health-equity funders need evidence of rigor: named screening types, a navigator training model, clinic partnership goals, and honest first-year targets.
Survivor volunteers need to see their experience framed as expertise — which is exactly how the volunteer panel words it.
Warm editorial, medically credible
The reference posture is a health institution crossed with a well-edited magazine: serious enough for a program officer, human enough for a waiting room. Fraunces — a warm, soft-optical serif — carries emotion in headlines; Source Sans 3 keeps body copy clinical-clean. The palette is ivory and marigold with a deep plum for gravity: warm without wellness-brand softness, serious without hospital sterility.
The signature motif — concentric petal arcs — abstracts the marigold without a literal flower, and doubles as a metaphor: rings of support around one center point. Motion is a gentle 400ms fade; nothing on this site moves fast, because nothing about navigating a diagnosis should feel rushed.
The story is the system gap, not the suffering
The founder story is told in first person and structured around a fixable problem — "a system with no one standing at the door" — rather than around illness. That single editorial decision does three jobs: it dignifies the founder, it defines the organization's exact role, and it hands funders a theory of change in narrative form.
Deliberately left out: mortality statistics used for shock, imagery of illness or treatment, pity language ("the less fortunate"), and any claim of outcomes the young organization hasn't earned yet. Impact numbers are framed as first-year goals — which reads as integrity, not weakness, to experienced funders.
Digital infrastructure elements included
- Audience-routed hero with dual CTAs (donor path + service-seeker path)
- Program architecture: three named programs with concrete deliverables
- Donation anchors tied to real costs ($50 ride · $150 workshop · $500 navigator)
- Volunteer and clinic-partnership pathways with distinct calls to action
- Interest form with intent routing (navigator request vs. volunteering vs. partnership)
- Goal-based impact indicators with an honest measurement note
- Accessible typography, AA contrast, mobile-responsive layout, reduced-motion support
What Rooted & Wired helped clarify or build
For a founder like Denise, the R&W engagement is mostly translation: turning years of lived expertise into program language, and turning urgency into structure.
- Mission language: one sentence a donor can repeat ("early detection possible, navigation personal").
- Program architecture: the work she was already doing, separated into three fundable programs with names.
- Honest impact framing: goals instead of borrowed statistics — credibility as strategy.
- The infrastructure itself: forms, routing, donation anchors, and a site a team of one can maintain.
How a real founder could use a site like this
Replace: the name, the portrait and photo placeholders (each placeholder caption is a shot list — literally photograph what it says), the county and program details, and the goal numbers with your real ones.
Keep: the structure. Hero with dual pathways → founder story about the gap → mission → three named programs → who you serve → honest goals → two ways to help → one form. That order works because it answers a stranger's questions in the order strangers ask them.
Build next: a donation processor (Givebutter, Zeffy, or similar), a real form backend connected to a simple CRM, and a quarterly "goals vs. actuals" update that turns this website into a funder-reporting habit.