Clio Design System
Design system for the largest private health care provider in Brazil. Continuously expanding beyond 150 hospitals, reaching the entire network.
Hundreds of internal Web products were developed by separate teams with no shared visual or interaction vocabulary. The result: inconsistency across the different flows of the same platform.
Integrated a team of 4 designers to define global tokens and document design rules in a design system. This design system is the base for 3 different medical contexts (emergency, hospitalization and elective). Established a governance model so each product contributes back to the library.
Clio is now the UI foundation for all of the nurses and doctors systems used in the company. Our team built a navigable documentation in Figma, with dedicated pages for global tokens, base, components, icons, brand, 'do's and don'ts' and roadmap. The name Clio is inspired by the Greek muse of history, called also 'The Proclaimer'.
Components designed with hospital peers as primary users to garanteed that all the specific requires for each flow were followed. Clio has a responsive layout, minimum WCAG AA contrast and is optimized for clinical efficiency.