Space
Categories
Section titled “Categories”| Category | Type | Axis | Usage | Responsive | Examples |
|---|---|---|---|---|---|
| Internal | Gap | Both | Rhythm inside a component | Dynamic | button icon ↔ label, input ↔ error message |
| Group | Margin | Both | Multiple components that belong together | Dynamic | form field ↔ field, card ↔ card in a grid |
| Section | Margin | Both | Major content blocks on a page | Dynamic (interpolated) | header ↔ main content, section ↔ section |
| Page | Padding | Both | Overall page padding | Dynamic (interpolated) | body edge insets, main container padding |