One design system, every school website.
Base components from shadcn/ui, page blocks translated from the Case Prep reference design, and full page previews — all driven by one set of brand tokens. Open the floating panel in the corner to change colors, fonts, radius and mode; every component, block and page restyles live, and the combination exports as a shareable preset.
Brand tokens
The five colors the design panel controls. Everything else — semantic tokens, hover states, charts, dark mode — derives from these.
Semantic tokens
What the shadcn components consume, derived from the brand via color-mix.
Typography
Display font for headings, body font for everything else — both switchable in the panel.
One building, kindergarten through eighth grade, in the heart of Akron. Small enough that every scholar is recognized in the hallway, rigorous enough to prepare them for what comes next.