TNT Design System
A unified and adaptable design system for a multi-brand environment
Role
Senior UX/UI Designer
Client
Trajector Medical
Year
2023
Disciplines
Design SystemsUI Design
The TNT Design System comprises libraries of shared colors, styles, components, and documentation. Initially created in Sketch and Abstract, the project involved auditing the system, migrating it to Figma, and ensuring components remained current in development to allow for greater reusability across different brands.
Key Outcomes
- 01Migrated system from Sketch + Abstract to Figma — cutting color library maintenance in half
- 02Built a core component library enabling Component Driven Development across all brands
- 03Deployed Zeroheight living documentation, eliminating knowledge silos and the Bus Factor risk
- 04WCAG 2.1 AA accessibility compliance baked into the color system via a 0–100 numbering convention
Impact
%
Reduction in UI maintenance overhead
Brands unified under one system
%
Faster design-to-dev handoff
x
Component reuse velocity
Gallery
Let's Work Together
Building a complex system?
I help teams navigate the intersection of AI, highly regulated data, and human performance. Let's discuss how we can de-risk your product's UX.