P R O D U C T
FIDO : AI-assisted investigative intelligence system
Trace Design System Cut Design Time by 73% and Enabled a 3.75x Faster Product Design
Challenges:
Chaos Before
Trace
When I joined Safe Security, a cybersecurity and risk management platform, the design ecosystem was highly fragmented.
There was no defined design system—no structured color palette, no component library, and no unified design language between design and development teams.
The UI was outdated and lacked support for both light and dark modes, creating inconsistencies in the overall experience.
Without a shared design system, collaboration between designers and developers became inefficient, leading to delays and misalignment.
Trace
Design a System
to fix it all
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Process
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
A Strong System Starts with Strong Foundation
01 COLORS
02 TYPOGRAPHY
03 CORNER RADIUS
04 SPACING
05 ICONS
06 LOGO
07 COMPONENTS
08 IDENTITY
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Colors
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Typography
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Corner Radius
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Spacing
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Icons
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
Logo
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
Branded House
Architecture
The Reusable DNA
of Product
Experience
Components
Identity
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
The Ripple Effect
of Design System
After evaluating the situation, it became clear that without a structured design system, the revamp would be unmanageable.
This led to the decision to focus on establishing a robust design system to streamline the entire process and ensure long-term scalability
M O R E C A S E S T U D I E S
© 2026 — All rights reserved