Design Principle
Spacing should express structural relationships, not item-by-item guesswork.
Principle
Spacing should express structural relationships, not item-by-item guesswork.
Design action
Use limited spacing tokens; adjacent, intra-group, inter-group, and section spacing should increase, with stable dimensions for toolbars and grids.
Examples
Positive example: Cards, forms, tables, and toolbars need unification. Counterexample: Many random margin values.
Apply when
Cards, forms, tables, and toolbars need unification. Dense pages still need clarity.
Source notes
Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems.
Agent Directive
Use limited spacing tokens; adjacent, intra-group, inter-group, and section spacing should increase, with stable dimensions for toolbars and grids.