Design System
Build consistent, accessible, and scalable user experiences with the ECOS Design System.
The ECOS Design System provides the foundations, components, and patterns used across all ECOS applications. It helps teams deliver consistent user experiences while maintaining accessibility, usability, and visual coherence.
Design System Areas
Colours
The design system uses semantic colour tokens to ensure consistent styling across all components and applications.
View documentation →
Typography
Typography components provide a consistent and accessible text hierarchy throughout the platform. All typography components use the Outfit typeface and should be preferred over raw HTML elements.
View documentation →
Components
Reusable UI building blocks for creating consistent and accessible ECOS applications.
View documentation →