Foundation
Design system
Reusable, accessible building blocks for a mobile-first school operations platform. Examples use mock data only.
Typography
Clear by default
Headings stay compact inside app surfaces, with readable body copy and predictable spacing.
Spacing
A steady rhythm for dense SaaS screens.
Status
EnabledActiveSetupBlocked
Buttons and Forms
Used for mock school setup examples.
Alerts and Modal
Mock data only
This page demonstrates components without connecting to real records.
Review required
Permission-sensitive actions should require explicit confirmation.
Responsive Table
| School | Status | Families | Next Module |
|---|---|---|---|
| Dorothy Peacock Elementary | Active | 842 | Forms |
| H.D. Stafford Middle School | Setup | 618 | Lunch |
| R.E. Mountain Secondary | Review | 410 | Messaging |
SP
No volunteer opportunities yet
Use this component when a school, module, or workflow has no records yet.