{
  "schemaVersion": 2,
  "id": "11",
  "slug": "operations-console",
  "name": "Operations Console",
  "brand": "Dispatch Board",
  "family": "Workspaces & discovery",
  "status": "ready",
  "thesis": "Help experienced users recognise exceptions and complete repetitive work quickly.",
  "suitableFor": [
    "Operations",
    "Dashboards"
  ],
  "character": "Restrained",
  "traits": {
    "composition": "Dense shipment table, narrow functional sidebar, and contextual detail",
    "navigation": "Persistent application sidebar and row selection",
    "typography": "DM Sans",
    "density": "High",
    "imagery": "Typography, rules, and interface structure",
    "surface": "Dense white tables, cool grey workspace and compact status labels",
    "motion": "Minimal"
  },
  "effort": "Medium",
  "definingFeatures": [
    "Labelled operational exceptions",
    "Batch actions next to records",
    "Tabular alignment and visible selection"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/11-operations-console/start",
  "states": [
    {
      "key": "detail",
      "label": "Shipment details",
      "route": "/preview/11-operations-console/detail"
    },
    {
      "key": "empty",
      "label": "Empty results",
      "route": "/preview/11-operations-console/empty"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/11/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/11/e3787b34bd9fc177-desktop.jpg",
      "route": "/preview/11-operations-console/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fd8b78eae2c6cb25d82b500efc73532077d3c5d00b352abcd47059ec923b8934",
      "sha256": "e3787b34bd9fc1779a6d7372dfc887198750b2190ecb408727dd5ca31f37cd39",
      "fullPage": false
    },
    {
      "file": "/previews/11/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/11/cbd83ba6fa69721e-mobile.jpg",
      "route": "/preview/11-operations-console/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fd8b78eae2c6cb25d82b500efc73532077d3c5d00b352abcd47059ec923b8934",
      "sha256": "cbd83ba6fa69721ec4fc52c89a01aca8fa280840a52d9a4f2e31ffc73408f3da",
      "fullPage": false
    },
    {
      "file": "/previews/11/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/11/aac6aae129bb5d7b-detail.jpg",
      "route": "/preview/11-operations-console/detail",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "detail",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fd8b78eae2c6cb25d82b500efc73532077d3c5d00b352abcd47059ec923b8934",
      "sha256": "aac6aae129bb5d7bb6d217547062631689c664fc08d7d112763ba3aa2aae1768",
      "fullPage": false
    },
    {
      "file": "/previews/11/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/11/bd39f8fb92368142-full-page.jpg",
      "route": "/preview/11-operations-console/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fd8b78eae2c6cb25d82b500efc73532077d3c5d00b352abcd47059ec923b8934",
      "sha256": "bd39f8fb92368142d10efe693859dcfc81033a38ef5be607d8ad97c2381bc621",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/11-operations-console",
  "neighbours": [
    "10",
    "13"
  ],
  "palette": {
    "page": "#f4f6f8",
    "surface": "#fff",
    "ink": "#263241",
    "accent": "#265f4d"
  },
  "fonts": [
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Help experienced users recognise exceptions and complete repetitive work quickly. Suitable for inventory, fulfilment, support queues, administration, and internal operational tools.\n\n**Visual grammar.** A compact application bar and narrow functional sidebar frame a dense, well-aligned table. Use a readable UI sans, tabular numerals, cool white surfaces, slate text, and restrained amber or red for labelled exceptions. Row detail opens in a side panel; filtering and batch actions sit close to the affected records. Counts support the work rather than forming a decorative dashboard.\n\n**Specimen and flow.** *Dispatch Board* models fictional outbound shipments. Users filter delayed shipments, inspect one, and locally update its handling status. Supporting states show a batch action confirmation and an empty filtered result with a reset action.\n\n**Adaptation and identity.** Mobile shows the essential shipment fields in a list, with full detail on a separate view. Preserve data density, predictable selection, and efficient keyboard navigation; avoid oversized cards, ambiguous icon-only actions, and indiscriminate compression. **Effort: medium.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Logistics",
      "Operations",
      "B2B services"
    ],
    "visitorGoals": [
      "Manage work"
    ],
    "conversionActions": [
      "Update a record"
    ],
    "siteSize": "Application",
    "interactionTypes": [
      "Batch actions",
      "Status filters"
    ],
    "keywords": [
      "Operations",
      "Dashboards",
      "Labelled operational exceptions",
      "Batch actions next to records",
      "Tabular alignment and visible selection"
    ]
  },
  "patterns": [
    "Labelled operational exceptions",
    "Batch actions next to records",
    "Tabular alignment and visible selection"
  ],
  "downloadUrl": "/downloads/11-operations-console.zip"
}