The design system currently does not support mobile devices or smaller screen sizes. It is designed and optimized exclusively for desktop use, requiring a minimum screen resolution of 1280 pixels or higher for proper functionality and display. Users accessing the application on devices with lower resolutions or on mobile screens may experience limited or no functionality.

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.

Common Module Icons
Components Style
  • 1
    Button Size: 16 x 16
  • 2
    Icon Stroke Thickness: 1.5px
  • 3
    Color: 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.

Common Module Icons
Components Style
  • 1
    Button Size: 16 x 16
  • 2
    Icon Stroke Thickness: 1.5px
  • 3
    Icon color: Netrual - 500
  • 4
    Icon 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.

Common Module Icons
Components Style
  • 1
    Button 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.

Common Module Icons
Components Style
  • 1
    Button Size: 16 x 16
  • 2
    Icon Stroke Thickness: 1.5px
  • 3
    Icon color: Based on Alerts
  • 4
    Icon size: 12 x 12
2024 TaxBandits.com, Span Enterprises LLC. All rights Reserved.