settled-reach/docs/design/wireframes/menus/v01-save-load.json

{
  "name": "v01-save-load",
  "shapes": {
    "bg": {
      "type": "Rectangle",
      "left": 0, "top": 0, "width": 1140, "height": 760,
      "fillColor": "#0a0d12"
    },
    "panel": {
      "type": "Rectangle",
      "left": 120, "top": 60, "width": 900, "height": 640,
      "fillColor": "#0d1018",
      "strokeColor": "#333340",
      "corners": [4, 4, 4, 4]
    },
    "panel-header": {
      "type": "Rectangle",
      "left": 120, "top": 60, "width": 900, "height": 48,
      "fillColor": "#12161e",
      "strokeColor": "#333340",
      "corners": [4, 4, 0, 0]
    },
    "panel-title": {
      "type": "Text",
      "left": 140, "top": 76,
      "text": "SAVE / LOAD",
      "fontColor": "#c8d0e0",
      "fontSize": 18
    },
    "panel-close": {
      "type": "Text",
      "left": 984, "top": 76,
      "text": "[Esc]",
      "fontColor": "#556677",
      "fontSize": 14
    },
    "tab-save": {
      "type": "Rectangle",
      "left": 140, "top": 116, "width": 120, "height": 32,
      "fillColor": "#0d1018",
      "strokeColor": "#333340",
      "corners": [2, 2, 0, 0]
    },
    "tab-save-text": {
      "type": "Text",
      "left": 156, "top": 125,
      "text": "SAVE",
      "fontColor": "#556677",
      "fontSize": 13
    },
    "tab-load": {
      "type": "Rectangle",
      "left": 264, "top": 116, "width": 120, "height": 32,
      "fillColor": "#1a2030",
      "strokeColor": "#c8d0e0",
      "corners": [2, 2, 0, 0]
    },
    "tab-load-text": {
      "type": "Text",
      "left": 280, "top": 125,
      "text": "LOAD",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },

    "game-1-header": {
      "type": "Rectangle",
      "left": 140, "top": 156, "width": 860, "height": 32,
      "fillColor": "#151a24",
      "strokeColor": "#333340",
      "corners": [2, 2, 0, 0]
    },
    "game-1-title": {
      "type": "Text",
      "left": 152, "top": 165,
      "text": "\u25bc  DETECTIVE \u2014 Day 3  //  Sova Transit  //  last played: today",
      "fontColor": "#c8d0e0",
      "fontSize": 12
    },
    "game-1-count": {
      "type": "Text",
      "left": 920, "top": 165,
      "text": "3 saves",
      "fontColor": "#556677",
      "fontSize": 11
    },

    "qs-row": {
      "type": "Rectangle",
      "left": 158, "top": 192, "width": 842, "height": 62,
      "fillColor": "#1a2030",
      "strokeColor": "#c8d8f0",
      "corners": [2, 2, 2, 2]
    },
    "qs-accent": {
      "type": "Rectangle",
      "left": 158, "top": 192, "width": 3, "height": 62,
      "fillColor": "#c8d8f0",
      "strokeColor": "#c8d8f0"
    },
    "qs-label": {
      "type": "Text",
      "left": 170, "top": 200,
      "text": "QUICKSAVE  //  Day 3, 14:22",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },
    "qs-location": {
      "type": "Text",
      "left": 170, "top": 218,
      "text": "The Terminal \u2014 afternoon shift",
      "fontColor": "#8899aa",
      "fontSize": 12
    },
    "qs-timestamp": {
      "type": "Text",
      "left": 170, "top": 234,
      "text": "saved: 2026-02-25  16:31",
      "fontColor": "#556677",
      "fontSize": 11
    },
    "qs-actions": {
      "type": "Text",
      "left": 840, "top": 212,
      "text": "[Enter] Load\n[F6] Quickload",
      "fontColor": "#c8d8f0",
      "fontSize": 11
    },

    "auto-row": {
      "type": "Rectangle",
      "left": 158, "top": 260, "width": 842, "height": 62,
      "fillColor": "#0e1118",
      "strokeColor": "#333340",
      "corners": [2, 2, 2, 2]
    },
    "auto-label": {
      "type": "Text",
      "left": 170, "top": 268,
      "text": "AUTOSAVE  //  Day 3, 13:45",
      "fontColor": "#8899aa",
      "fontSize": 13
    },
    "auto-location": {
      "type": "Text",
      "left": 170, "top": 286,
      "text": "Corridor B-7",
      "fontColor": "#556677",
      "fontSize": 12
    },
    "auto-timestamp": {
      "type": "Text",
      "left": 170, "top": 302,
      "text": "saved: 2026-02-25  16:15",
      "fontColor": "#3a4455",
      "fontSize": 11
    },

    "slot-1-row": {
      "type": "Rectangle",
      "left": 158, "top": 328, "width": 842, "height": 62,
      "fillColor": "#0e1118",
      "strokeColor": "#333340",
      "corners": [2, 2, 2, 2]
    },
    "slot-1-label": {
      "type": "Text",
      "left": 170, "top": 336,
      "text": "SLOT 1  //  Day 2, 22:10",
      "fontColor": "#8899aa",
      "fontSize": 13
    },
    "slot-1-location": {
      "type": "Text",
      "left": 170, "top": 354,
      "text": "Hab quarters \u2014 evening",
      "fontColor": "#556677",
      "fontSize": 12
    },
    "slot-1-timestamp": {
      "type": "Text",
      "left": 170, "top": 370,
      "text": "saved: 2026-02-25  14:48",
      "fontColor": "#3a4455",
      "fontSize": 11
    },

    "game-2-header": {
      "type": "Rectangle",
      "left": 140, "top": 404, "width": 860, "height": 32,
      "fillColor": "#111520",
      "strokeColor": "#333340",
      "corners": [2, 2, 2, 2]
    },
    "game-2-title": {
      "type": "Text",
      "left": 152, "top": 413,
      "text": "\u25b6  SMUGGLER \u2014 Day 1  //  The Terminal  //  last played: yesterday",
      "fontColor": "#8899aa",
      "fontSize": 12
    },
    "game-2-count": {
      "type": "Text",
      "left": 920, "top": 413,
      "text": "2 saves",
      "fontColor": "#3a4455",
      "fontSize": 11
    },

    "game-3-header": {
      "type": "Rectangle",
      "left": 140, "top": 444, "width": 860, "height": 32,
      "fillColor": "#111520",
      "strokeColor": "#333340",
      "corners": [2, 2, 2, 2]
    },
    "game-3-title": {
      "type": "Text",
      "left": 152, "top": 453,
      "text": "\u25b6  DETECTIVE \u2014 Day 7  //  Sova Transit  //  last played: Feb 20",
      "fontColor": "#8899aa",
      "fontSize": 12
    },
    "game-3-count": {
      "type": "Text",
      "left": 920, "top": 453,
      "text": "5 saves",
      "fontColor": "#3a4455",
      "fontSize": 11
    },

    "footer-note": {
      "type": "Text",
      "left": 140, "top": 660, "width": 860,
      "text": "Autosave: zone transitions, conversation ends, significant events  //  F5 quicksave  //  F6 quickload",
      "fontColor": "#3a4455",
      "fontSize": 11,
      "wordWrap": true
    },
    "annotation-title": {
      "type": "Text",
      "left": 16, "top": 720,
      "text": "v0.1 SAVE / LOAD \u2014 LOAD TAB (D-085)",
      "fontColor": "#556677",
      "fontSize": 11
    },
    "annotation-notes": {
      "type": "Text",
      "left": 16, "top": 734, "width": 1100,
      "text": "Games grouped by directory (D-085). Expand to see saves. QUICKSAVE + AUTOSAVE are system slots; manual slots below. SAVE tab shows current game only. F5/F6 global hotkeys for quicksave/quickload.",
      "fontColor": "#3a4455",
      "fontSize": 10,
      "wordWrap": true
    }
  }
}