Design Principle
Tool first screens should show work objects, state, and next steps rather than a full-screen promotional area.
Principle
Tool first screens should show work objects, state, and next steps rather than a full-screen promotional area.
Design action
When generating operational tools, use compact navigation, metric strips, filters, lists/tables, and workflow states; avoid landing-page heroes.
Examples
Positive example: CRM dashboards, admin consoles, and review workbenches. Counterexample: Large hero, large illustration, and marketing copy above the fold.
Apply when
CRM dashboards, admin consoles, and review workbenches. The user goal is to do work rather than learn the brand.
Source notes
Source note: Synthesized from GOV.UK, Carbon, Polaris, Atlassian, Design.Systems, Design Systems Repo, and product-pattern libraries. GOV.UK Design System Patterns: https://design-system.service.gov.uk/patterns/ Carbon Patterns: https://carbondesignsystem.com/patterns/ Shopify Polaris: https://polaris-react.shopify.com/ Atlassian Design System: https://atlassian.design/ Design Systems Repo: https://designsystemsrepo.com/
Agent Directive
When generating operational tools, use compact navigation, metric strips, filters, lists/tables, and workflow states; avoid landing-page heroes.