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>
329 lines
9.1 KiB
JSON
329 lines
9.1 KiB
JSON
{
|
|
"name": "v10-insert-full",
|
|
"shapes": {
|
|
"bg": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#1a1e24"
|
|
},
|
|
"bg-label": {
|
|
"type": "Text",
|
|
"left": 400, "top": 310,
|
|
"text": "TOP-DOWN GAME VIEW\n(vision cone active, fog layers 1-5 visible,\nentity D-033 colors with bloom halos)",
|
|
"fontColor": "#333340",
|
|
"fontSize": 14
|
|
},
|
|
"minimap-frame": {
|
|
"type": "Rectangle",
|
|
"left": 880, "top": 16, "width": 244, "height": 244,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#c8d0e0",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"minimap-inner": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 28, "width": 220, "height": 220,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#2a3040",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"minimap-player": {
|
|
"type": "Ellipse",
|
|
"left": 994, "top": 130, "width": 8, "height": 8,
|
|
"fillColor": "#e0e8ff",
|
|
"strokeColor": "#c8d0e0"
|
|
},
|
|
"minimap-friendly": {
|
|
"type": "Ellipse",
|
|
"left": 1030, "top": 108, "width": 7, "height": 7,
|
|
"fillColor": "#6bc9a6",
|
|
"strokeColor": "#6bc9a6"
|
|
},
|
|
"minimap-neutral": {
|
|
"type": "Ellipse",
|
|
"left": 950, "top": 90, "width": 7, "height": 7,
|
|
"fillColor": "#4a9ebb",
|
|
"strokeColor": "#4a9ebb"
|
|
},
|
|
"minimap-poi": {
|
|
"type": "Ellipse",
|
|
"left": 965, "top": 160, "width": 7, "height": 7,
|
|
"fillColor": "#e8c547",
|
|
"strokeColor": "#e8c547"
|
|
},
|
|
"minimap-header": {
|
|
"type": "Text",
|
|
"left": 886, "top": 17,
|
|
"text": "INSERT // SOVA TRANSIT",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 11
|
|
},
|
|
"minimap-zone-label": {
|
|
"type": "Text",
|
|
"left": 900, "top": 240,
|
|
"text": "THE TERMINAL // Z-LEVEL 1",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 10
|
|
},
|
|
"mode-panel": {
|
|
"type": "Rectangle",
|
|
"left": 880, "top": 268, "width": 244, "height": 160,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"mode-header": {
|
|
"type": "Text",
|
|
"left": 892, "top": 274,
|
|
"text": "PERCEPTION MODES",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 10
|
|
},
|
|
"mode-natural": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 290, "width": 220, "height": 28,
|
|
"fillColor": "#1e2430",
|
|
"strokeColor": "#c8d8f0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"mode-natural-label": {
|
|
"type": "Text",
|
|
"left": 900, "top": 298,
|
|
"text": "NATURAL VISION [active]",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 11
|
|
},
|
|
"mode-thermal": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 324, "width": 220, "height": 28,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#444455",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"mode-thermal-label": {
|
|
"type": "Text",
|
|
"left": 900, "top": 332,
|
|
"text": "THERMAL [locked — biononic req.]",
|
|
"fontColor": "#444455",
|
|
"fontSize": 11
|
|
},
|
|
"mode-camera": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 358, "width": 220, "height": 28,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#444455",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"mode-camera-label": {
|
|
"type": "Text",
|
|
"left": 900, "top": 366,
|
|
"text": "CAMERA FEEDS [3 available]",
|
|
"fontColor": "#444455",
|
|
"fontSize": 11
|
|
},
|
|
"mode-audio": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 392, "width": 220, "height": 28,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#555566",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"mode-audio-label": {
|
|
"type": "Text",
|
|
"left": 900, "top": 400,
|
|
"text": "AUDIO ANALYSIS [passive]",
|
|
"fontColor": "#6677aa",
|
|
"fontSize": 11
|
|
},
|
|
"mode-annotation": {
|
|
"type": "Text",
|
|
"left": 880, "top": 432,
|
|
"text": "v1.0: full mode panel — toggle-based",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"density-panel": {
|
|
"type": "Rectangle",
|
|
"left": 880, "top": 448, "width": 244, "height": 64,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"density-header": {
|
|
"type": "Text",
|
|
"left": 892, "top": 454,
|
|
"text": "OVERLAY DENSITY",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 10
|
|
},
|
|
"density-bar-bg": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 470, "width": 220, "height": 8,
|
|
"fillColor": "#2a3040",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"density-bar-fill": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 470, "width": 154, "height": 8,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"density-label": {
|
|
"type": "Text",
|
|
"left": 892, "top": 482,
|
|
"text": "70% // AUGMENTED LATTICE",
|
|
"fontColor": "#6677aa",
|
|
"fontSize": 10
|
|
},
|
|
"time-display": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 16, "width": 200, "height": 32,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"time-text": {
|
|
"type": "Text",
|
|
"left": 24, "top": 24,
|
|
"text": "07:42 // DAY 1 // EARLY SHIFT",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"stance-row": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 56, "width": 200, "height": 28,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"stance-text": {
|
|
"type": "Text",
|
|
"left": 24, "top": 64,
|
|
"text": "WALK // DETECTIVE",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"insert-status": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 92, "width": 200, "height": 24,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"insert-status-text": {
|
|
"type": "Text",
|
|
"left": 24, "top": 99,
|
|
"text": "INSERT ACTIVE // AUGMENTED",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 10
|
|
},
|
|
"case-panel": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 124, "width": 200, "height": 120,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"case-header": {
|
|
"type": "Text",
|
|
"left": 24, "top": 130,
|
|
"text": "ACTIVE CASE",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 10
|
|
},
|
|
"case-entry-1": {
|
|
"type": "Text",
|
|
"left": 24, "top": 146, "width": 184,
|
|
"text": "Cargo discrepancy: manifest T-447 vs Bay 12 count",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 11,
|
|
"wordWrap": true
|
|
},
|
|
"case-entry-2": {
|
|
"type": "Text",
|
|
"left": 24, "top": 186,
|
|
"text": "Kael Davan [amber — flagged]",
|
|
"fontColor": "#e8c547",
|
|
"fontSize": 11
|
|
},
|
|
"case-annotation": {
|
|
"type": "Text",
|
|
"left": 16, "top": 250,
|
|
"text": "Detective only — case file panel",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"monologue-area": {
|
|
"type": "Rectangle",
|
|
"left": 220, "top": 610, "width": 700, "height": 72,
|
|
"fillColor": "#080a0d",
|
|
"strokeColor": "#1e2430",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"monologue-text": {
|
|
"type": "Text",
|
|
"left": 232, "top": 618, "width": 676,
|
|
"text": "Those footsteps... that's Kael's walk. What's he doing in this corridor at shift change?",
|
|
"fontColor": "#e0e8f8",
|
|
"fontSize": 13,
|
|
"wordWrap": true
|
|
},
|
|
"monologue-urgent-indicator": {
|
|
"type": "Rectangle",
|
|
"left": 218, "top": 610, "width": 3, "height": 72,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"monologue-annotation": {
|
|
"type": "Text",
|
|
"left": 220, "top": 688,
|
|
"text": "Urgent monologue — full opacity + left accent bar. Chime fires at onset.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"hint-bar": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 728, "width": 1140, "height": 32,
|
|
"fillColor": "#0e1218",
|
|
"strokeColor": "#333340"
|
|
},
|
|
"hint-text": {
|
|
"type": "Text",
|
|
"left": 20, "top": 736,
|
|
"text": "[E] Interact [Shift] Sprint [Tab] Insert [M] Modes [J] Case File [RMB] World Menu [Esc] Pause",
|
|
"fontColor": "#6677aa",
|
|
"fontSize": 11
|
|
},
|
|
"glitch-bar-1": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 330, "width": 870, "height": 1,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"glitch-label": {
|
|
"type": "Text",
|
|
"left": 16, "top": 318,
|
|
"text": "scan-line interference (diegetic overlay strain signal — 5% intensity)",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 700,
|
|
"text": "v1.0 FULL INSERT HUD",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-scope": {
|
|
"type": "Text",
|
|
"left": 16, "top": 714,
|
|
"text": "Perception modes, case panel, density control, glitch overlay, augmented lattice variant",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
}
|
|
}
|
|
}
|