Clinia Design System

Tailwind v4 tokens and Base UI primitives wired to the Clinia brand guidelines. Used by internal teams to build consistent clinical interfaces.

Quick install

pnpm dlx shadcn@latest init https://ui.clinia.dev/r/base.json
pnpm dlx shadcn@latest add @clinia/theme

Then add any shadcn component — Clinia tokens are applied automatically via the theme layer.

What's included

Brand tokens

24 named swatches across 4 color families. All semantic tokens satisfy WCAG AA contrast in both light and dark mode.

shadcn-compatible registry

Install any component via the shadcn CLI. Source is copied into your project — fully customizable, zero runtime lock-in.

npx shadcn@latest add …

DESIGN.md

A plain-text design system — brand, color, type, and shape — that AI agents read to generate consistent Clinia UI.