TC Design System
I redesigned ThreatConnect's entire theming system, resolving accessibility issues and implementation inconsistencies that spanned multiple CSS files and component libraries. Through systematic audits and testing, I created a unified design system meeting AA accessibility standards, complete with documentation. By integrating the system into Figma and Storybook, I established a single source of truth that improved design consistency and development efficiency across teams.
Year
2022
My Role
Prototyping
Design Systems
New AA compliant color system for light and dark
Inclusive and Accessible
I led a comprehensive redesign of ThreatConnect's color system to address critical accessibility issues and inconsistent implementation across multiple CSS files and themes. Through detailed UI audits and testing, I developed a consolidated color palette with clear semantic meaning, while also standardizing our iconography and establishing design documentation. The new system was successfully integrated into our Figma library and Storybook, creating a single source of truth that improved design consistency and development efficiency across the organization.
Components streamlined in Figma and Storybook
Component and pattern documentation
Custom iconography
Design System Across Screens
The final design system was then applied to all screens and components for both light and dark mode, while the old components were depricated over a 10 week period.
