Spacing tokens
Each level of the spacing scale has its own token. Spacing tokens can be used inside of components for
building and between components for layout spacing.
.png)
Micro spacing
Micro white space refers to the small spaces between individual elements, such as text and images.
Application
.png)
Next project...
Macro spacing
Macro white space refers to the larger spaces between sections or groups of elements, such as between paragraphs or sections of a p
.png)
Problem context
1. lack of visual harmony and balance.
2. Inconsistent spacing also disrupted the hierarchy and visual flow of the app's interface, confusing users as they navigated through different sections and elements.
3. It was harder for users to scan and absorb information.
4. Also resulted in unintentional interactions.
5. Increased design iterations and revisiting designs
%20(1).png)