jpmschweitzerandClaude Opus 4.6
996a000146
First wireframe set covering all major UI surfaces: - HUD: basic insert (v0.1), full insert with perception modes (v1.0) - Dialogue: speaking, choosing, overheard states (v0.1), full with relationship indicators (v1.0) - Monologue: idle, reaction (v0.1), thought threading (v1.0) - Popups: modal, tooltip, interaction list (v0.1), context menu, notification stack (v1.0) - Menus: main, pause, save/load (v0.1), main menu, options (v1.0) README.md cross-references each wireframe to governing D-records. JSON source + PNG exports tracked in git. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
193 lines
5.1 KiB
JSON
193 lines
5.1 KiB
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": "#1a2030",
|
|
"strokeColor": "#c8d0e0",
|
|
"corners": [2, 2, 0, 0]
|
|
},
|
|
"tab-save-text": {
|
|
"type": "Text",
|
|
"left": 156, "top": 125,
|
|
"text": "SAVE",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 13
|
|
},
|
|
"tab-load": {
|
|
"type": "Rectangle",
|
|
"left": 264, "top": 116, "width": 120, "height": 32,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 0, 0]
|
|
},
|
|
"tab-load-text": {
|
|
"type": "Text",
|
|
"left": 280, "top": 125,
|
|
"text": "LOAD",
|
|
"fontColor": "#556677",
|
|
"fontSize": 13
|
|
},
|
|
"save-slot-1-active": {
|
|
"type": "Rectangle",
|
|
"left": 140, "top": 156, "width": 860, "height": 72,
|
|
"fillColor": "#1a2030",
|
|
"strokeColor": "#c8d8f0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"save-slot-1-accent": {
|
|
"type": "Rectangle",
|
|
"left": 140, "top": 156, "width": 3, "height": 72,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"slot-1-date": {
|
|
"type": "Text",
|
|
"left": 152, "top": 162,
|
|
"text": "AUTOSAVE // Day 1, 07:42",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 13
|
|
},
|
|
"slot-1-location": {
|
|
"type": "Text",
|
|
"left": 152, "top": 180,
|
|
"text": "The Terminal — morning shift // Detective",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 12
|
|
},
|
|
"slot-1-timestamp": {
|
|
"type": "Text",
|
|
"left": 152, "top": 198,
|
|
"text": "saved: 2026-02-23 14:31",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"slot-1-actions": {
|
|
"type": "Text",
|
|
"left": 860, "top": 175,
|
|
"text": "[Enter] Overwrite / Load",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 12
|
|
},
|
|
"save-slot-2": {
|
|
"type": "Rectangle",
|
|
"left": 140, "top": 236, "width": 860, "height": 72,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"slot-2-date": {
|
|
"type": "Text",
|
|
"left": 152, "top": 250,
|
|
"text": "SLOT 2 // Day 1, 06:15",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 13
|
|
},
|
|
"slot-2-location": {
|
|
"type": "Text",
|
|
"left": 152, "top": 268,
|
|
"text": "Arrival — entering Sova Transit // Detective",
|
|
"fontColor": "#556677",
|
|
"fontSize": 12
|
|
},
|
|
"slot-2-timestamp": {
|
|
"type": "Text",
|
|
"left": 152, "top": 286,
|
|
"text": "saved: 2026-02-23 13:10",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 11
|
|
},
|
|
"save-slot-3": {
|
|
"type": "Rectangle",
|
|
"left": 140, "top": 316, "width": 860, "height": 72,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"slot-3-date": {
|
|
"type": "Text",
|
|
"left": 152, "top": 330,
|
|
"text": "SLOT 3 // Day 1, 07:30",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 13
|
|
},
|
|
"slot-3-location": {
|
|
"type": "Text",
|
|
"left": 152, "top": 348,
|
|
"text": "Corridor B-7 — Kael spotted // Smuggler",
|
|
"fontColor": "#556677",
|
|
"fontSize": 12
|
|
},
|
|
"slot-3-timestamp": {
|
|
"type": "Text",
|
|
"left": 152, "top": 366,
|
|
"text": "saved: 2026-02-23 12:48",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 11
|
|
},
|
|
"empty-slots-label": {
|
|
"type": "Text",
|
|
"left": 140, "top": 400,
|
|
"text": "SLOTS 4-8 — empty",
|
|
"fontColor": "#2a3040",
|
|
"fontSize": 12
|
|
},
|
|
"save-note": {
|
|
"type": "Text",
|
|
"left": 140, "top": 660,
|
|
"text": "Autosave on: zone transitions, conversation ends, significant events",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 720,
|
|
"text": "v0.1 SAVE / LOAD SCREEN",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-notes": {
|
|
"type": "Text",
|
|
"left": 16, "top": 734, "width": 1100,
|
|
"text": "Tab UI: Save / Load. Slots show: timestamp, in-game time+location, character. Autosave shown separately. Active slot has accent bar. No screenshots in v0.1.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
}
|
|
}
|
|
}
|