{
  "schemaVersion": 2,
  "id": "12",
  "slug": "canvas-workspace",
  "name": "Canvas Workspace",
  "brand": "Common Ground",
  "family": "Workspaces & discovery",
  "status": "ready",
  "thesis": "Make spatial arrangement part of thinking and organising.",
  "suitableFor": [
    "Workspaces",
    "Research"
  ],
  "character": "Restrained",
  "traits": {
    "composition": "Bounded spatial research board with note clusters and an equivalent outline",
    "navigation": "Canvas/outline switch and explicit note controls",
    "typography": "DM Sans",
    "density": "Medium",
    "imagery": "Original SVG diagrams and illustrations",
    "surface": "Dotted canvas, offset paper notes and connector lines",
    "motion": "Minimal"
  },
  "effort": "High",
  "definingFeatures": [
    "Spatial grouping carries meaning",
    "Editable note inspector",
    "Keyboard alternatives to movement"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/12-canvas-workspace/start",
  "states": [
    {
      "key": "detail",
      "label": "Selected note inspector",
      "route": "/preview/12-canvas-workspace/detail"
    },
    {
      "key": "outline",
      "label": "Structured outline",
      "route": "/preview/12-canvas-workspace/outline"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/12/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/12/52bbc51a6c1d96c9-desktop.jpg",
      "route": "/preview/12-canvas-workspace/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:6a2d588f87081cfbccf09abc507da09a2b9787bc50218fca78fb5b85c8ea6d4a",
      "sha256": "52bbc51a6c1d96c99b3a758fceafbff2774f30d16cf9564c0491f01e795f437d",
      "fullPage": false
    },
    {
      "file": "/previews/12/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/12/ebccc477bf9a7788-mobile.jpg",
      "route": "/preview/12-canvas-workspace/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:6a2d588f87081cfbccf09abc507da09a2b9787bc50218fca78fb5b85c8ea6d4a",
      "sha256": "ebccc477bf9a77887f4dc74d7e97eec57314b2adc55d28d75ec8e413510680fe",
      "fullPage": false
    },
    {
      "file": "/previews/12/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/12/314a24488994c5d2-detail.jpg",
      "route": "/preview/12-canvas-workspace/detail",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "detail",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:6a2d588f87081cfbccf09abc507da09a2b9787bc50218fca78fb5b85c8ea6d4a",
      "sha256": "314a24488994c5d252dbeb7c6fcb312d4324d7ca6807d8f270cf9ef9049dbda4",
      "fullPage": false
    },
    {
      "file": "/previews/12/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/12/b66931047143fe8c-full-page.jpg",
      "route": "/preview/12-canvas-workspace/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:6a2d588f87081cfbccf09abc507da09a2b9787bc50218fca78fb5b85c8ea6d4a",
      "sha256": "b66931047143fe8c2f6a792cc2b4cad688862313fc3ccfa2c24f5fe6fed75506",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/12-canvas-workspace",
  "neighbours": [
    "18",
    "13"
  ],
  "palette": {
    "page": "#f5f4ee",
    "surface": "#ffffff",
    "ink": "#343b35",
    "accent": "#5c654d"
  },
  "fonts": [
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Make spatial arrangement part of thinking and organising. Suitable for planning boards, visual research, moodboards, and early concept development.\n\n**Visual grammar.** Place an open working surface beneath a compact toolbar, with a collapsible item library and a small context inspector. Use a light dot grid, warm neutral notes, dark text, and distinct labelled item types. The canvas is the main composition; the surrounding interface stays visually quiet. Spatial groups, connections, and relative position carry meaning.\n\n**Specimen and flow.** *Common Ground* provides a bounded fictional research board. Users add a source note, reposition it, and place it into a named group. Supporting states show a selected item's editable detail and a structured outline containing the same content.\n\n**Adaptation and identity.** Mobile defaults to the outline, with an optional canvas inspection mode. Every placement action also has keyboard and explicit-button controls. Preserve spatial relationships and a usable non-spatial view; avoid implementing an infinite rendering engine, requiring drag gestures, or hiding essential content off-screen. **Effort: high.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Creative tools",
      "Software"
    ],
    "visitorGoals": [
      "Organise ideas"
    ],
    "conversionActions": [
      "Create a canvas"
    ],
    "siteSize": "Application",
    "interactionTypes": [
      "Canvas controls",
      "Selection"
    ],
    "keywords": [
      "Workspaces",
      "Research",
      "Spatial grouping carries meaning",
      "Editable note inspector",
      "Keyboard alternatives to movement"
    ]
  },
  "patterns": [
    "Spatial grouping carries meaning",
    "Editable note inspector",
    "Keyboard alternatives to movement"
  ],
  "downloadUrl": "/downloads/12-canvas-workspace.zip"
}