Joyful Enough for Kids.
Trustworthy Enough for Donors.
Kindfuly is a 501(c)(3) working in public schools across 28 states — literacy tutoring, a kindness curriculum, and after-school clubs. Its work is bright and human, but most nonprofit sites land in one of two ditches: a clip-art cheerfulness no adult takes seriously, or a grey, grant-report seriousness no kid would ever recognize.
The brief needed both registers at once. A parent should feel the warmth; a foundation officer should feel the rigor — same page, same scroll.
And underneath the look sat the real constraint of every small nonprofit: no budget for a webmaster. Whatever we built had to be edited by program staff between site visits, load instantly on a school Chromebook, and be usable by every family — including the ones on screen readers and slow connections. Pretty wasn't the bar. Pretty, accessible, fast, and self-serve was.
A Brand With Heart.
Built to Be Run.
A Brand From the Margins of a Book
Crayon-box brights — marigold, strawberry, jade, cobalt, grape — on warm paper, with deep-grape ink. The signature is a hand-drawn highlighter that draws itself under key words as you scroll. Fraunces and Hanken Grotesk give it a storybook voice that still reads as grown-up.
One Source of Content
Programs, stats, team, funding, partners, and stories all live in a single content file. A staffer changes a number or adds a story in one place — and it updates everywhere, with the brand baked into shared components so nothing can drift off-style.
Accessible by Construction
WCAG 2.1 AA isn't a checkbox at the end — it's the build. Semantic landmarks, a skip link, breadcrumbs, labelled forms, visible keyboard focus, prefers-reduced-motion respected, and every text/background pairing verified for AA contrast. A literacy charity its readers can't read would be the cruelest irony.
Fast, Static & Donor-Ready
Static Astro that ships almost no JavaScript, so it flies on a school Chromebook. NGO / 501(c)(3) Schema.org structured data, canonical and Open Graph tags, and Netlify-powered volunteer and donation forms with honeypot spam protection — credibility a funder can verify, baked in.
Three Programs, One Belief
Literacy, kindness, and after-school enrichment each get their own color and their own page — woven together so a visitor can find the one that fits in a single glance.
One-on-one Reading Buddies, the Bookshelf Project stocking 500,000+ books a year, and summer kits that beat the slide.
An SEL curriculum built on empathy and belonging, monthly schoolwide challenges, and peer-led anti-bullying workshops.
Daily Kindfuly Clubs, STEAM Saturdays, and vetted mentor pairings that make the after-school hours the best of the day.
The Crayon Box — Brand Palette
Tech Stack
In Action
Homepage — the marker signature draws itself on scroll
After-School STEAM — hands-on enrichment when the bell rings
Programs — one belief, three colors
Impact — counted, audited, honestly reported
Get Involved — five clear paths, one Netlify form
Designed to Be
Kept Current.
A nonprofit site that goes stale stops earning trust. So the whole platform runs off one typed content source — programs, statistics, leadership, funding breakdown, partners, and a real stories channel — rendered through a single set of branded components.
Stories is a genuine editorial space: full articles, category color-coding, and a clean reading layout, so the work's small moments — a first chapter book finished, a wall of kindness sticky notes — actually get told.
Because the brand lives in the components, a staffer adds a new story, updates this year's numbers, or changes a gift tier by editing content — never layout, never code. The site grows without a developer and never drifts out of style.
"Every child a reader. Every classroom a little kinder."
A Site That Fits
the Mission It Serves.
- Joyful, but still trustworthy
A crayon-box palette and a hand-drawn highlighter signature on warm paper — bright enough for a six-year-old, composed enough for a foundation officer reading the same page.
- Accessible to every family — WCAG 2.1 AA
Semantic structure, a skip link, labelled forms, visible keyboard focus, reduced-motion support, and AA-verified contrast on every pairing. The literacy charity is one its readers can actually read.
- A 12-page site one small team can run
Every page is driven by a single content source — staff update programs, statistics, stories, and gift tiers without touching layout or code, and without paying a developer to do it.
- Fast, findable, and donor-ready
Near-zero-JS static Astro for instant loads on any device, NGO / 501(c)(3) structured data and Open Graph for credibility, and Netlify volunteer and donation forms with spam protection — wired and waiting.
Run a Mission That
Deserves a Better Site?
Nonprofits, foundations, and mission-driven teams — we design brands that feel like your work and build them on sites a small staff can actually keep current: fast, accessible, and donor-ready from day one.