| Internal | Rhythm inside a component | Stable | button icon ↔ label, input ↔ error message |
| Group | Multiple components that belong together inside a compound component | Stable | card image ↔ button, panel ↔ panel inside a card |
| Grid | Spacing between components placed in layout grids | Stable | card grid gaps, dashboard widgets, gallery layouts |
| Section | Major content blocks on a page | Dynamic (interpolated) | header ↔ main content, section ↔ section |
| Page | Overall page padding | Dynamic (interpolated) | body edge insets, main container padding |