Iconography
Radius give buttons and Label a softer, more modern, and approachable look compared to sharp, rectangular edges.
Common Module Icons
4-Point Grid System is a framework for designing and laying out user interfaces using increments of 4 pixels (or points) for spacing, sizing, and positioning elements. It ensures consistency, alignment, and balance in the visual design, making interfaces more predictable and easier to scale across different screen sizes.
-
1Button Size: 16 x 16
-
2Icon Stroke Thickness: 1.5px
-
3Color: Tertiary
Brand Identity Icons
4-Point Grid System is a framework for designing and laying out user interfaces using increments of 4 pixels (or points) for spacing, sizing, and positioning elements. It ensures consistency, alignment, and balance in the visual design, making interfaces more predictable and easier to scale across different screen sizes.
-
1Button Size: 16 x 16
-
2Icon Stroke Thickness: 1.5px
-
3Icon color: Netrual - 500
-
4Icon background: Netrual - 200
Multicolor Fill Icons
4-Point Grid System is a framework for designing and laying out user interfaces using increments of 4 pixels (or points) for spacing, sizing, and positioning elements. It ensures consistency, alignment, and balance in the visual design, making interfaces more predictable and easier to scale across different screen sizes.
-
1Button Size: 16 x 16
Alert Fill Icons
4-Point Grid System is a framework for designing and laying out user interfaces using increments of 4 pixels (or points) for spacing, sizing, and positioning elements. It ensures consistency, alignment, and balance in the visual design, making interfaces more predictable and easier to scale across different screen sizes.
-
1Button Size: 16 x 16
-
2Icon Stroke Thickness: 1.5px
-
3Icon color: Based on Alerts
-
4Icon size: 12 x 12