Refreshing Clio Design System

The new visual theme for Clio Design System captures our distinctive personality and voice, drawing inspiration from Clio's refreshed design principles to create a cohesive and modern identity.

4 months
Designer
Clio
Refreshing Clio Design System

In late 2022, the design team was tasked with envisioning the future of the Clio Design System. As part of the visual design working group, I played a key role in defining the new direction for the Clio Design System. This included establishing the updated colour palette, redesigning key components, and ensuring smooth communication between designers and front end engineers.

Results

  1. Replaced the outdated colour palette with nine algorithmically generated palettes, covering the full spectrum. Fine-tuned each palette to for visual harmony and accessibility compliance with contrast ratio standards.
  2. Designed 15+ core components, testing them across multiple use cases for scalability.
  3. Collaborated with designers to refresh our type system.
  4. Through my contributions, I played a key role in defining the visual direction of our new design system.

Challenges

One of the biggest challenges was aligning on a shared visual direction. It was a collaborative effort, with each designer contributing future vision concepts for Clio, grounded in our company values, vision, and design principles.