Design Principle
Operational tools need scannable density while marketing pages need narrative pacing; mixing them causes mismatch.
Principle
Operational tools need scannable density while marketing pages need narrative pacing; mixing them causes mismatch.
Design action
For SaaS, CRM, and dashboards, prioritize compact but clear tables, lists, filters, and small metrics; avoid giant marketing heroes above the fold.
Examples
Positive example: CRM, SaaS, operations consoles, and dashboards. Counterexample: Operational tools are designed like large hero landing pages.
Apply when
CRM, SaaS, operations consoles, and dashboards. Users repeatedly inspect similar information every day.
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
For SaaS, CRM, and dashboards, prioritize compact but clear tables, lists, filters, and small metrics; avoid giant marketing heroes above the fold.