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>
94 lines
2.4 KiB
JSON
94 lines
2.4 KiB
JSON
{
|
|
"name": "v01-modal-confirm",
|
|
"shapes": {
|
|
"overlay": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#08090c"
|
|
},
|
|
"modal": {
|
|
"type": "Rectangle",
|
|
"left": 370, "top": 280, "width": 400, "height": 200,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#333340",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"modal-accent": {
|
|
"type": "Rectangle",
|
|
"left": 370, "top": 280, "width": 400, "height": 2,
|
|
"fillColor": "#c8d0e0",
|
|
"strokeColor": "#c8d0e0"
|
|
},
|
|
"title": {
|
|
"type": "Text",
|
|
"left": 386, "top": 294,
|
|
"text": "QUIT TO MAIN MENU?",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 16
|
|
},
|
|
"divider": {
|
|
"type": "Line",
|
|
"left": 386, "top": 320, "width": 368, "height": 0,
|
|
"strokeColor": "#333340"
|
|
},
|
|
"body": {
|
|
"type": "Text",
|
|
"left": 386, "top": 332, "width": 368,
|
|
"text": "Unsaved progress will be lost.",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 14,
|
|
"wordWrap": true
|
|
},
|
|
"btn-cancel": {
|
|
"type": "Rectangle",
|
|
"left": 386, "top": 424, "width": 168, "height": 36,
|
|
"fillColor": "#2a3040",
|
|
"strokeColor": "#c8d0e0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"btn-cancel-label": {
|
|
"type": "Text",
|
|
"left": 430, "top": 434,
|
|
"text": "CANCEL",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 14
|
|
},
|
|
"btn-confirm": {
|
|
"type": "Rectangle",
|
|
"left": 566, "top": 424, "width": 168, "height": 36,
|
|
"fillColor": "#1e2430",
|
|
"strokeColor": "#c8d8f0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"btn-confirm-label": {
|
|
"type": "Text",
|
|
"left": 610, "top": 434,
|
|
"text": "CONFIRM",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 14
|
|
},
|
|
"key-hint": {
|
|
"type": "Text",
|
|
"left": 386, "top": 476,
|
|
"text": "[Enter] Confirm [Esc] Cancel",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 16,
|
|
"text": "v0.1 MODAL CONFIRM DIALOG",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-notes": {
|
|
"type": "Text",
|
|
"left": 16, "top": 30, "width": 840,
|
|
"text": "Insert-styled chrome. Top accent bar. Dark overlay. Keyboard shortcuts. No icon — text-primary. Cancel default-focused.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
}
|
|
}
|
|
}
|