Skip to content

Start

Overview

One system for every work surface

Tokens, components and behaviour live in one package, @proexteriors/ds. This site is built from that package, so every specimen here is the real CSS and JavaScript that apps load.

What it covers

CRM, Command Center, HR, PM, Admin and the APP portal, on desktop and phone. Every one reads the same Supabase, so every one looks the same. The marketing site is out of scope for this version.

How strict

92 rules with permanent ids. MUST and NEVER rules block a merge. scripts/lint.mjs checks the machine-checkable ones in CI, and the token build fails on any contrast pair below WCAG 2.1 AA.

Where CC and CRM disagreed

CC and CRM win over everything else. Where those two differed, the CRM shell won (240px rail, header order) and CC behaviour won (nesting, filters, long lists).

What it replaces

G-03
RetiredWhereStatus
@proexteriors/design-system 0.2.x (tokens, primitives, pwa.css)CRM_PWA packages/design-systemMigrating
CC living design system (/design-system), docs/40, standards/design/v1.md, Design.mdbrain repoSuperseded, redirect to this site
hr's local kit and raw hexCRM_PWA apps/hrMigrating
PM's copy of the tokens (v0.7.2A)scheduler repoMigrating