Design Principle
Good interfaces avoid equal emphasis and create a readable order through size, position, density, and contrast.
Principle
Good interfaces avoid equal emphasis and create a readable order through size, position, density, and contrast.
Design action
Declare primary, secondary, and supporting information tiers; give the main task the strongest weight, reduce supporting noise, and place actions near their objects.
Examples
Positive example: Dashboards, CRM, settings, and detail pages need fast scanning. Counterexample: All cards use the same size and emphasis.
Apply when
Dashboards, CRM, settings, and detail pages need fast scanning. The page mixes metrics, lists, actions, and explanations.
Source notes
Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems. Apple HIG Layout: https://developer.apple.com/design/human-interface-guidelines/layout Material Design Layout: https://m3.material.io/foundations/layout/applying-layout NN/g Visual Design Principles: https://www.nngroup.com/articles/principles-visual-design/
Agent Directive
Declare primary, secondary, and supporting information tiers; give the main task the strongest weight, reduce supporting noise, and place actions near their objects.