Introduction
Getting started
Use this site to review the shared visual language, understand component behaviour, and keep design and implementation aligned.
Explore the system
Start with the foundations, then move into the reusable building blocks used throughout the product.
Colors
Semantic, brand, analysis, and participant tokens.
Typography
Type styles, hierarchy, weights, and line heights.
Basic components
Reusable buttons, forms, cards, tabs, and feedback components.
WAfM components
Components composed for WAfM profiles and product workflows.
Graphs
Charts and visualizations for analysis and comparisons.
Ownership boundary
Shared interface code stays reusable; product-specific decisions remain in the product application.
- packages/ui
- Tokens, components, behaviour, variants, and shared utilities.
- apps/design-system
- Documentation, examples, review pages, and collaboration guidance.
- apps/web
- Product workflows, API integration, permissions, and WAfM business rules.