Spacing
The spacing guidelines define the consistent use of margins and paddings across all components, ensuring a harmonious and visually appealing layout.
Specification
Size | Spacing | Where to use? |
---|---|---|
4px | ||
8px | Gap in buttons group, fields and labels | |
12px | ||
16px | ||
20px | ||
24px | Gap between sub sections, cards | |
32px | Gap between main sections | |
40px | ||
48px | ||
64px |