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>
156 lines
4.0 KiB
JSON
156 lines
4.0 KiB
JSON
{
|
|
"name": "v01-pause-menu",
|
|
"shapes": {
|
|
"bg": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#08090c"
|
|
},
|
|
"game-view-behind": {
|
|
"type": "Text",
|
|
"left": 380, "top": 340,
|
|
"text": "(game world visible behind — dimmed)",
|
|
"fontColor": "#222830",
|
|
"fontSize": 12
|
|
},
|
|
"sidebar": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 280, "height": 760,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340"
|
|
},
|
|
"sidebar-header": {
|
|
"type": "Text",
|
|
"left": 20, "top": 24,
|
|
"text": "PAUSED",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 20
|
|
},
|
|
"sidebar-sub": {
|
|
"type": "Text",
|
|
"left": 20, "top": 50,
|
|
"text": "SOVA TRANSIT // 07:42",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"sidebar-divider": {
|
|
"type": "Line",
|
|
"left": 20, "top": 68, "width": 240, "height": 0,
|
|
"strokeColor": "#333340"
|
|
},
|
|
"nav-resume": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 80, "width": 248, "height": 40,
|
|
"fillColor": "#1a2030",
|
|
"strokeColor": "#c8d8f0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"nav-resume-text": {
|
|
"type": "Text",
|
|
"left": 28, "top": 92,
|
|
"text": "RESUME [Esc]",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 14
|
|
},
|
|
"nav-journal": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 128, "width": 248, "height": 40,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"nav-journal-text": {
|
|
"type": "Text",
|
|
"left": 28, "top": 140,
|
|
"text": "CASE FILE / NOTES [J]",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 14
|
|
},
|
|
"nav-map": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 176, "width": 248, "height": 40,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"nav-map-text": {
|
|
"type": "Text",
|
|
"left": 28, "top": 188,
|
|
"text": "MAP [M]",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 14
|
|
},
|
|
"nav-save": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 224, "width": 248, "height": 40,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"nav-save-text": {
|
|
"type": "Text",
|
|
"left": 28, "top": 236,
|
|
"text": "SAVE GAME",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 14
|
|
},
|
|
"nav-options": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 272, "width": 248, "height": 40,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"nav-options-text": {
|
|
"type": "Text",
|
|
"left": 28, "top": 284,
|
|
"text": "OPTIONS",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 14
|
|
},
|
|
"nav-quit": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 704, "width": 248, "height": 40,
|
|
"fillColor": "#0d1018",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"nav-quit-text": {
|
|
"type": "Text",
|
|
"left": 28, "top": 716,
|
|
"text": "QUIT TO MAIN MENU",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 14
|
|
},
|
|
"content-area": {
|
|
"type": "Rectangle",
|
|
"left": 296, "top": 20, "width": 828, "height": 720,
|
|
"fillColor": "#0a0d12",
|
|
"strokeColor": "#222830",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"content-placeholder": {
|
|
"type": "Text",
|
|
"left": 560, "top": 360,
|
|
"text": "Content panel\n(journal / map / save / options)",
|
|
"fontColor": "#2a3040",
|
|
"fontSize": 14
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 296, "top": 732,
|
|
"text": "v0.1 PAUSE MENU",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-notes": {
|
|
"type": "Text",
|
|
"left": 296, "top": 746, "width": 800,
|
|
"text": "Dark overlay over game world. Left sidebar nav. Resume is default-selected. Content panel changes per selection. Quit requires confirm modal.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
}
|
|
}
|
|
}
|