Canopy is organized like a tree. Roots are the design tokens; Seeds are the atoms; Twigs, Branches, and Boughs build up from there. Every component reads from semantic tokens, so a brand or a theme is a token change, not a component rewrite.

It ships as versioned npm packages and powers this very site. Light and dark themes come for free at WCAG AA contrast, so accessibility is the default rather than an afterthought.