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









