Pabau · Design System · v0.1

A calm, clinical system for modern practice management.

Foundations, components and patterns that power the Pabau clinician web app. Rooted in the official brand guidelines — Satoshi type, a blue-leaning palette anchored by #037CD2, and the Pabau dot-mark — evolved into a complete SaaS UI kit with sample clinical surfaces.

Primary#037CD2 UI Action Blue

Identity#2BADD4 Brand Cyan

TypefacesSatoshi · DM Mono

SurfacesClinician web app

RuntimeLit · @lit/react · CDN IIFE

A11yWCAG 2.2 AA

Quick start

Pick your integration

Three paths in, same tokens and components.

React

Use in a React app

Typed wrappers via @artemis/react.

Script tag

PHP & legacy pages

One <script>, custom elements everywhere.

Tokens only

Brand colors & type

CSS variables, no JS runtime.