deml-ui — The Design System (new-from-the-start)

Chapter 32: deml-ui — The Design System (new-from-the-start)

The frontend design language of the platform is delivered by deml-ui (ui.deml.app), the sibling design-system repo. Tokens, component HTML/CSS, Angular markup wrappers, and Storybook live there. The product Angular app under src/ composes behavioral app-* wrappers that consume deml-ui class contracts (ViewEncapsulation.None, no parallel local DS stylesheets). Django templates load synced backend/static/deml-ui.css.

Look: new-from-the-start / atelier — 8px grid, dual data-theme, bold display + letterspaced marks, equal tile distribution, locked chart aspect. Canonical docs: THEME.md, docs/DEML_UI.md, .cursorrules, AGENTS.md.

Retired: Viking-UI (packages/viking-ui, --viking-*, void-black / electric #2176ff suite chrome). Do not restore it. Suite UI law lives in deml-ui + deml THEME.md / docs/DEML_UI.md.

Product pages are Angular 22+ standalone + Signals; dashboard and analytics live ticks arrive through Django SSE (LiveUpdatesService) rather than Firestore.