Spacer

DIGIT Spacer defines a consistent spacing system for the application, providing a set of predefined spacing values that can be applied across different UI elements. This ensures uniformity in layout design and alignment.

Spacing System

---

DIGIT Spacers provides 12 spacing levels, each corresponding to a predefined pixel value:

Spacer Name	Value
spacer1	4px
spacer2	8px
spacer3	12px
spacer4	16px
spacer5	20px
spacer6	24px
spacer7	28px
spacer8	32px
spacer9	36px
spacer10	40px
spacer11	44px
spacer12	48px

Usage Guidelines

---

Consistent Scaling Use predefined spacers instead of arbitrary values to maintain uniformity.
Spacing Hierarchy Apply smaller spacers for minor separations (e.g., spacer1 to spacer3) and larger spacers for major divisions
Avoid Overuse Excessive spacing can lead to inefficient use of screen space, reducing visual coherence