This design system was originally built alongside a single internal AI chatbot application. As the company started to add more AI tools, features, and data analytics applications, the system was scaled to become the dedicated design language for all AI and data analytics products.
The decision to have a separate system specifically for AI and data applications is because AI products need a different overall aesthetic, one that signals to users they’re in an AI experience and interacting with AI. A dedicated system made it possible to build that visual language consistently across every product, while streamlining both design and development and strengthening the brand.
I was part of the team that designed Helix, the first product built on this system. This included establishing the initial components and structure of the design system. I was responsible for setting up all design tokens and documentation, and for creating the light mode theming.
As other applications began adopting the system, I facilitated the setup of product-specific component library extensions, ensuring each one referenced the right variables or created new ones to suit the component’s needs, while maintaining the same structural accuracy and consistency as the core system.
I used the system in redesigning a supply chain analytics application as well, Analytics Hub.