Design Principle
Boards, toolbars, counters, and button groups need predefined sizing rules.
Principle
Boards, toolbars, counters, and button groups need predefined sizing rules.
Design action
Set min/max, aspect-ratio, grid tracks, and text wrapping/truncation rules for toolbars, cards, list rows, and controls.
Examples
Positive example: Dashboards, creation tools, games, and admin lists. Counterexample: Card height changes on hover.
Apply when
Dashboards, creation tools, games, and admin lists. Dynamic text, hover states, or loading changes content.
Source notes
Source note: Synthesized from GOV.UK, Carbon, Polaris, Atlassian, Design.Systems, Design Systems Repo, and product-pattern libraries.
Agent Directive
Set min/max, aspect-ratio, grid tracks, and text wrapping/truncation rules for toolbars, cards, list rows, and controls.