Geometry
Where possible, we try and ensure that all geometric measurements (widths, heights, margins, padding) are multiples of 4px, following the Tailwind CSS geometry system.

Of course, there are always exceptions to any rule. But this principle helps preserve consistency and continuity across the design system — reducing confusion for engineers and in the handover phase.
Spacing
1
2
3
4
5
6
7
8
9
10
11
12
Etc.
14px
28px
312px
416px
520px
624px
728px
832px
936px
1040px
1144px
1248px
1352px
1456px
1664px
2496px
32128px
48192px
64256px
96384px
lg512px
xl578px
2xl672px
3xl768px