Spacing is the negative area between elements and components. It is commonly controlled in code with margin
and padding
.
We use a spacing system approach to decide what spacing to use in order to achieve a consistent visual experience across our products.
Bridge use the 8pt Grid System.
Use the spacing scale when building individual components. It includes small increments needed to create appropriate spatial relationships for detail-level designs. This scale is applied and used within all Bridge components.