Design Read / Interface knowledge

Motion

A working catalog of interface structures, design-system rules, and implementation decisions for teams building real products.

Browse all templates

Inspect the structure before choosing an implementation direction.

GOV.UK Design SystemStructure v1

Operational time and region context frame a resource map, incident list, coverage summary, selected assignment, and handoff log.

Operations ConsoleService PortalContent FirstHigh Contrast
GOV.UK Design SystemPublic Sector

Emergency Service Resource Coordination Map

A public-sector operations view for coordinating incidents, available resources, coverage constraints, assignments, and handoffs.

PrimerStructure v1

Severity and ownership filters frame a finding queue, selected exposure context, affected assets, remediation plan, and verification evidence.

Developer PortalOperations ConsoleData DenseHigh Contrast
PrimerDeveloper Tools

Security Vulnerability Remediation Console

A developer security workspace for prioritizing findings, understanding exposure, assigning remediation, and verifying closure.

Ant DesignStructure v1

Experiment and status filters lead into design context, primary and guardrail measures, segments, uncertainty, and decision history.

Analytics DashboardPlanning WorkspaceContent FirstData Dense
Ant DesignSoftware

Product Experiment Review Dashboard

An analytics workspace for reviewing experiment design, guardrails, segments, outcomes, uncertainty, and rollout decisions.

Salesforce Lightning Design SystemStructure v1

Portfolio filters frame customer health, milestone status, dependency queues, selected-account context, risks, and launch checks.

Operations ConsolePlanning WorkspaceData DenseTask Focused
Salesforce Lightning Design SystemSoftware

Customer Onboarding Readiness Board

A cross-team workspace for tracking customer commitments, dependencies, configuration, training, risks, and launch readiness.

More than a screenshot

  1. 01 Find a product structure that matches the work.
  2. 02 Read its layout and interaction rationale.
  3. 03 Inspect the design-system token contract.