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.
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.