Designed the color palette and selected a low-saturation color scheme to convey professionalism.
Typography
Used Inter as the font family, which maintains legibility on different screen sizes. Also, designed the size and weight system to create the information hierarchy.
Iconography
Adopt the outline and minimalism style to craft the icons, ensuring that it conveys essential information with simplicity and elegance.
Spacing
Adopted an 8-point scale spatial system for systematic hierarchy. It aims to provide excellent readability.
Final Outcome
Developed text styles in “Local Styles” of the Figma file.
Defined color tokens in “Local Variables” of the Figma file.
Defined size and space tokens in “Local Variables” of the Figma file.
