top of page
Spacing tokens
Spacing tokens define consistent internal and layout spacing.
Micro spacing
Micro white space refers to the small spaces between individual elements, such as text and images.
Application
.png)
1. Work orders: Details page
Macro spacing
Macro white space refers to the larger spaces between sections or groups of elements, such as between paragraphs or sections.
.png)
2. Default work order page
Problem context
Inconsistent spacing also disrupted the hierarchy and visual flow of the app's interface, causing confusion for users as they navigated through different sections and elements.
It was harder for users to scan and absorb information, which increased design iterations.
%20(1).png)
[ 02 ]
Autodesk Fusion - Design system
Designed pixel-precise Fusion icons that scale across densities and light/dark themes, aligned with Autodesk icon guidelines.
[ Year ]
2025 - Present
bottom of page