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.