Colophon
The "about how this was made" page. It does three jobs at once: credits the craft, names the inspirations honestly, and draws a clear line between researched content and personal additions.
Typography
Display: Bricolage Grotesque. Open source, with optical sizing and quiet character.
Body: Atkinson Hyperlegible, designed by the Braille Institute for low-vision readability. Available free at brailleinstitute.org/freefont. Naming this typeface here is the move that puts typography inside the accessibility work, not beside it.
Palette and visual system
The site uses a single deep-teal palette designed to hold in bright and dim viewing conditions. Practice categories are coded by shape and color: a solid dot for Quiet, a wave for Active, an outline heart for Intense, an open circle for Tender. A few more notes on accessibility decisions live at /accessibility/.
Hosting and tools
- GitHub Pages
- Eleventy (static site generator)
- Atkinson Hyperlegible and Bricolage Grotesque, self-hosted (no third-party font CDN)
- Built collaboratively with Claude Code and Superpowers (Anthropic)
- Source repository: github.com/kenyonacton/wonder-practices
Acknowledgments
Researchers and clinicians whose work is cited per practice. Each entry carries its own primary-source citation.
Content provenance
Every practice carries an explicit citation for its evidence claims. Personal additions (PT notes, imagery, communication scripts) are labeled as personal in each entry. This colophon states the rule plainly so visitors know how to read the site.
Privacy
Wonder Practices does not collect analytics, visitor data, or any tracking. No cookies. No third-party scripts. This is a deliberate choice that fits the project's accessibility-first ethos.