klera design language
the canonical visual reference for every klera surface. components built here power patient, provider, and hq — and are enumerable by ai tools that compose new ui.
how this app fits
- rules live in
kleraOS/DESIGN.md— the prescriptive spec for color, type, layout, motion. - components live in
packages/ui/components/— the importable react implementations. - this app is the interactive reference: every component, variant, token, and pattern, demoed in one place.
- the registry at
packages/ui/registry.json(coming soon) lets ai tools enumerate what exists without reading source.