We use 4px as the baseline of our spacing system. This unit serves as the foundation for spacing and sizing elements on a page with the units of measurement increasing by multiples of 4.
To maintain consistency, select page elements (that have predictable placement and content) have fixed, pre-defined spacing. This spacing is included for symbols in the UI Library in Abstract.
Since content inside a container (such as a modal, card, or dialog) is variable depending on the context, spacing between elements inside these content areas is flexible as long as it is a multiple of 4.
For more references for spacing of commonly used patterns and layouts, view the spacing collection in Abstract .