AGI Suretrack
Bringing platform consistency and development efficiency to the Suretrack platform with a new design system.
Silo design system components
A wide range of components I designed for the Silo design system.
Design tokens
I collaborated with the dev team to determine a naming system for design tokens, bringing consistency between Figma and React.
Icon library
Created a robust icon library from Google Material icons as well as custom icons used on the Suretrack platform. Previously icons were not stored in a single location.
Color system
I developed a simpler, context-based color system that covered everything from surfaces to interactive elements to typography.
Type system
Brought consistency across typography with a new typographic system.
Research
After interviewing developers on our handoff process and a system-wide design audit, it was clear how AGI users and employees would benefit from a design system.
Component documentation
Component documentation listed correct token usage, all variant examples, and other helpful notes.