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 | ![]() ![]() |