4. The three Cs of spacing

Containers (includes cards, modals, pages, etc.) should have the largest spacing value. As an example, Godbole uses 16pts as her largest value.

Content (includes headers, paragraphs, tables, etc.) is about spacing your typography correctly. The height of headings, paragraphs, and the space between them should all be taken into account and spaced.

Components (includes buttons, input fields, icons, etc.) is about the spacing between your smaller components and inside of them, for example, the spacing inside and around your button.