Spacing
A well thought out layout goes a long way. Consistent use of a spacing makes it easier for your users to scan the user interface and grasp the content.
Gap
Gap is the measurement between 2 separate elements. Use these common spacers whenever possible. In instances where another set spacing is required, be sure to follow the 8-point system.
Padding
Padding is the measurement within a single element. Use these common spacers whenever possible. In instances where another set spacing is required, be sure to follow the 8-point system.
