docs(ui): add 19 UI wireframes across 5 categories (v0.1 + v1.0)

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>
This commit is contained in:
2026-02-23 15:36:06 +01:00
co-authored by Claude Opus 4.6
parent 30a21e9a08
commit 996a000146
39 changed files with 3766 additions and 0 deletions
@@ -0,0 +1,194 @@
{
"name": "v01-main-menu",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 760,
"fillColor": "#0e1218",
"strokeColor": "#0e1218"
},
"bg-grid-h1": {
"type": "Line",
"left": 0, "top": 188, "width": 1140, "height": 0,
"strokeColor": "#13171e"
},
"bg-grid-h2": {
"type": "Line",
"left": 0, "top": 376, "width": 1140, "height": 0,
"strokeColor": "#13171e"
},
"bg-grid-h3": {
"type": "Line",
"left": 0, "top": 564, "width": 1140, "height": 0,
"strokeColor": "#13171e"
},
"bg-grid-v1": {
"type": "Line",
"left": 380, "top": 0, "width": 0, "height": 760,
"strokeColor": "#13171e"
},
"bg-grid-v2": {
"type": "Line",
"left": 760, "top": 0, "width": 0, "height": 760,
"strokeColor": "#13171e"
},
"title-block": {
"type": "Rectangle",
"left": 350, "top": 200, "width": 440, "height": 120,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"title-line-top": {
"type": "Line",
"left": 350, "top": 200, "width": 440, "height": 0,
"strokeColor": "#333340"
},
"title-line-bottom": {
"type": "Line",
"left": 350, "top": 320, "width": 440, "height": 0,
"strokeColor": "#333340"
},
"title-text": {
"type": "Text",
"left": 360, "top": 220,
"text": "THE SETTLED REACH",
"fontColor": "#c8d0e0",
"fontSize": 28
},
"title-subtitle": {
"type": "Text",
"left": 360, "top": 262,
"text": "SOVA TRANSIT DISTRICT // KRENN SYSTEM",
"fontColor": "#556677",
"fontSize": 13
},
"title-version": {
"type": "Text",
"left": 360, "top": 292,
"text": "v0.1 // EARLY ACCESS BUILD",
"fontColor": "#3a4455",
"fontSize": 11
},
"menu-list": {
"type": "Rectangle",
"left": 400, "top": 360, "width": 340, "height": 220,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"btn-new": {
"type": "Rectangle",
"left": 400, "top": 360, "width": 340, "height": 40,
"fillColor": "#12161e",
"strokeColor": "#c8d0e0",
"corners": [2, 2, 2, 2]
},
"btn-new-text": {
"type": "Text",
"left": 416, "top": 372,
"text": "NEW GAME",
"fontColor": "#c8d0e0",
"fontSize": 16
},
"btn-continue": {
"type": "Rectangle",
"left": 400, "top": 408, "width": 340, "height": 40,
"fillColor": "#0e1118",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-continue-text": {
"type": "Text",
"left": 416, "top": 420,
"text": "CONTINUE",
"fontColor": "#8899aa",
"fontSize": 16
},
"btn-load": {
"type": "Rectangle",
"left": 400, "top": 456, "width": 340, "height": 40,
"fillColor": "#0e1118",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-load-text": {
"type": "Text",
"left": 416, "top": 468,
"text": "LOAD GAME",
"fontColor": "#8899aa",
"fontSize": 16
},
"btn-options": {
"type": "Rectangle",
"left": 400, "top": 504, "width": 340, "height": 40,
"fillColor": "#0e1118",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-options-text": {
"type": "Text",
"left": 416, "top": 516,
"text": "OPTIONS",
"fontColor": "#8899aa",
"fontSize": 16
},
"btn-quit": {
"type": "Rectangle",
"left": 400, "top": 552, "width": 340, "height": 40,
"fillColor": "#0e1118",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-quit-text": {
"type": "Text",
"left": 416, "top": 564,
"text": "QUIT",
"fontColor": "#8899aa",
"fontSize": 16
},
"corner-tl": {
"type": "Line",
"left": 16, "top": 16, "width": 32, "height": 0,
"strokeColor": "#333340"
},
"corner-tl-v": {
"type": "Line",
"left": 16, "top": 16, "width": 0, "height": 32,
"strokeColor": "#333340"
},
"corner-br": {
"type": "Line",
"left": 1092, "top": 744, "width": 32, "height": 0,
"strokeColor": "#333340"
},
"corner-br-v": {
"type": "Line",
"left": 1124, "top": 712, "width": 0, "height": 32,
"strokeColor": "#333340"
},
"corner-tr": {
"type": "Line",
"left": 1092, "top": 16, "width": 32, "height": 0,
"strokeColor": "#333340"
},
"corner-tr-v": {
"type": "Line",
"left": 1124, "top": 16, "width": 0, "height": 32,
"strokeColor": "#333340"
},
"annotation-title": {
"type": "Text",
"left": 16, "top": 720,
"text": "v0.1 MAIN MENU",
"fontColor": "#556677",
"fontSize": 11
},
"annotation-notes": {
"type": "Text",
"left": 16, "top": 734, "width": 1100,
"text": "Dark bg with subtle grid. Title block. Vertical menu list. Corner chrome (insert visual language). Continue greyed if no save exists.",
"fontColor": "#3a4455",
"fontSize": 10,
"wordWrap": true
}
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

@@ -0,0 +1,155 @@
{
"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
}
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

@@ -0,0 +1,192 @@
{
"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
}
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB

@@ -0,0 +1,270 @@
{
"name": "v10-main-menu",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 760,
"fillColor": "#08090c"
},
"bg-insert-grid-h1": {
"type": "Line",
"left": 0, "top": 152, "width": 1140, "height": 0,
"strokeColor": "#0e1218"
},
"bg-insert-grid-h2": {
"type": "Line",
"left": 0, "top": 304, "width": 1140, "height": 0,
"strokeColor": "#0e1218"
},
"bg-insert-grid-h3": {
"type": "Line",
"left": 0, "top": 456, "width": 1140, "height": 0,
"strokeColor": "#0e1218"
},
"bg-insert-grid-h4": {
"type": "Line",
"left": 0, "top": 608, "width": 1140, "height": 0,
"strokeColor": "#0e1218"
},
"bg-insert-grid-v1": {
"type": "Line",
"left": 228, "top": 0, "width": 0, "height": 760,
"strokeColor": "#0e1218"
},
"bg-insert-grid-v2": {
"type": "Line",
"left": 456, "top": 0, "width": 0, "height": 760,
"strokeColor": "#0e1218"
},
"bg-insert-grid-v3": {
"type": "Line",
"left": 684, "top": 0, "width": 0, "height": 760,
"strokeColor": "#0e1218"
},
"bg-insert-grid-v4": {
"type": "Line",
"left": 912, "top": 0, "width": 0, "height": 760,
"strokeColor": "#0e1218"
},
"title-area": {
"type": "Rectangle",
"left": 60, "top": 130, "width": 580, "height": 200,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"title-main": {
"type": "Text",
"left": 60, "top": 130,
"text": "THE SETTLED REACH",
"fontColor": "#c8d0e0",
"fontSize": 36
},
"title-divider": {
"type": "Line",
"left": 60, "top": 180, "width": 420, "height": 0,
"strokeColor": "#c8d0e0"
},
"title-sub-1": {
"type": "Text",
"left": 60, "top": 192,
"text": "SOVA TRANSIT DISTRICT",
"fontColor": "#8899aa",
"fontSize": 14
},
"title-sub-2": {
"type": "Text",
"left": 60, "top": 212,
"text": "Station Sova // Krenn System // ~180 years settled",
"fontColor": "#556677",
"fontSize": 12
},
"title-tagline": {
"type": "Text",
"left": 60, "top": 240,
"text": "Every character knows something you don't.",
"fontColor": "#3a5070",
"fontSize": 13
},
"menu-list": {
"type": "Rectangle",
"left": 60, "top": 320, "width": 380, "height": 280,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"btn-new": {
"type": "Rectangle",
"left": 60, "top": 320, "width": 380, "height": 48,
"fillColor": "#10181e",
"strokeColor": "#c8d0e0",
"corners": [2, 2, 2, 2]
},
"btn-new-text": {
"type": "Text",
"left": 76, "top": 336,
"text": "NEW GAME",
"fontColor": "#c8d0e0",
"fontSize": 18
},
"btn-continue": {
"type": "Rectangle",
"left": 60, "top": 376, "width": 380, "height": 48,
"fillColor": "#0a0e14",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-continue-text": {
"type": "Text",
"left": 76, "top": 392,
"text": "CONTINUE",
"fontColor": "#8899aa",
"fontSize": 18
},
"btn-continue-detail": {
"type": "Text",
"left": 260, "top": 396,
"text": "Day 1 // 07:42",
"fontColor": "#556677",
"fontSize": 12
},
"btn-load": {
"type": "Rectangle",
"left": 60, "top": 432, "width": 380, "height": 48,
"fillColor": "#0a0e14",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-load-text": {
"type": "Text",
"left": 76, "top": 448,
"text": "LOAD GAME",
"fontColor": "#8899aa",
"fontSize": 18
},
"btn-options": {
"type": "Rectangle",
"left": 60, "top": 488, "width": 380, "height": 48,
"fillColor": "#0a0e14",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-options-text": {
"type": "Text",
"left": 76, "top": 504,
"text": "OPTIONS",
"fontColor": "#8899aa",
"fontSize": 18
},
"btn-credits": {
"type": "Rectangle",
"left": 60, "top": 536, "width": 380, "height": 48,
"fillColor": "#0a0e14",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"btn-credits-text": {
"type": "Text",
"left": 76, "top": 552,
"text": "CREDITS",
"fontColor": "#8899aa",
"fontSize": 18
},
"character-preview-area": {
"type": "Rectangle",
"left": 700, "top": 80, "width": 420, "height": 600,
"fillColor": "#0a0e14",
"strokeColor": "#1a2030",
"corners": [2, 2, 2, 2]
},
"char-preview-label": {
"type": "Text",
"left": 716, "top": 96,
"text": "CHARACTER SELECT PREVIEW",
"fontColor": "#556677",
"fontSize": 11
},
"char-tab-detective": {
"type": "Rectangle",
"left": 716, "top": 116, "width": 180, "height": 32,
"fillColor": "#1a2030",
"strokeColor": "#e0e8ff",
"corners": [2, 2, 0, 0]
},
"char-tab-detective-text": {
"type": "Text",
"left": 730, "top": 124,
"text": "DETECTIVE",
"fontColor": "#e0e8ff",
"fontSize": 13
},
"char-tab-smuggler": {
"type": "Rectangle",
"left": 900, "top": 116, "width": 180, "height": 32,
"fillColor": "#0d1118",
"strokeColor": "#444455",
"corners": [2, 2, 0, 0]
},
"char-tab-smuggler-text": {
"type": "Text",
"left": 918, "top": 124,
"text": "SMUGGLER",
"fontColor": "#444455",
"fontSize": 13
},
"char-entity-repr": {
"type": "Ellipse",
"left": 858, "top": 200, "width": 48, "height": 60,
"fillColor": "#e0e8ff",
"strokeColor": "#c8d0e0"
},
"char-entity-label": {
"type": "Text",
"left": 844, "top": 268,
"text": "entity representation",
"fontColor": "#3a4455",
"fontSize": 10
},
"char-name": {
"type": "Text",
"left": 716, "top": 312,
"text": "Commission Field Detective",
"fontColor": "#c8d0e0",
"fontSize": 14
},
"char-description": {
"type": "Text",
"left": 716, "top": 336, "width": 384,
"text": "Analytical lattice hardware. Institutional authority. Case-file evidence presentation. You see connections others overlook.",
"fontColor": "#8899aa",
"fontSize": 12,
"wordWrap": true
},
"char-starting-zone": {
"type": "Text",
"left": 716, "top": 400,
"text": "Starting zone: Commission kiosk, The Terminal",
"fontColor": "#6677aa",
"fontSize": 12
},
"char-perk-1": {
"type": "Text",
"left": 716, "top": 420,
"text": "Authority access // Analytical lattice // Case file",
"fontColor": "#556677",
"fontSize": 11
},
"version-text": {
"type": "Text",
"left": 16, "top": 740,
"text": "THE SETTLED REACH // v1.0 // build 2026",
"fontColor": "#2a3040",
"fontSize": 11
},
"annotation-title": {
"type": "Text",
"left": 16, "top": 726,
"text": "v1.0 MAIN MENU",
"fontColor": "#556677",
"fontSize": 11
}
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 268 KiB

@@ -0,0 +1,428 @@
{
"name": "v10-options-full",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 760,
"fillColor": "#0a0d12"
},
"panel": {
"type": "Rectangle",
"left": 40, "top": 40, "width": 1060, "height": 680,
"fillColor": "#0d1018",
"strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"panel-header": {
"type": "Rectangle",
"left": 40, "top": 40, "width": 1060, "height": 52,
"fillColor": "#12161e",
"strokeColor": "#333340",
"corners": [4, 4, 0, 0]
},
"panel-title": {
"type": "Text",
"left": 60, "top": 58,
"text": "INSERT SETTINGS // OPTIONS",
"fontColor": "#c8d0e0",
"fontSize": 18
},
"panel-close": {
"type": "Text",
"left": 1060, "top": 58,
"text": "[Esc]",
"fontColor": "#556677",
"fontSize": 14
},
"sidebar": {
"type": "Rectangle",
"left": 40, "top": 92, "width": 200, "height": 628,
"fillColor": "#0a0d12",
"strokeColor": "#1e2430"
},
"nav-display": {
"type": "Rectangle",
"left": 48, "top": 100, "width": 184, "height": 36,
"fillColor": "#1a2030",
"strokeColor": "#c8d0e0",
"corners": [2, 2, 2, 2]
},
"nav-display-text": {
"type": "Text",
"left": 60, "top": 111,
"text": "DISPLAY",
"fontColor": "#c8d0e0",
"fontSize": 13
},
"nav-audio": {
"type": "Rectangle",
"left": 48, "top": 144, "width": 184, "height": 36,
"fillColor": "#0a0d12",
"strokeColor": "#00000000",
"corners": [2, 2, 2, 2]
},
"nav-audio-text": {
"type": "Text",
"left": 60, "top": 155,
"text": "AUDIO",
"fontColor": "#8899aa",
"fontSize": 13
},
"nav-insert": {
"type": "Rectangle",
"left": 48, "top": 188, "width": 184, "height": 36,
"fillColor": "#0a0d12",
"strokeColor": "#00000000",
"corners": [2, 2, 2, 2]
},
"nav-insert-text": {
"type": "Text",
"left": 60, "top": 199,
"text": "INSERT / HUD",
"fontColor": "#8899aa",
"fontSize": 13
},
"nav-controls": {
"type": "Rectangle",
"left": 48, "top": 232, "width": 184, "height": 36,
"fillColor": "#0a0d12",
"strokeColor": "#00000000",
"corners": [2, 2, 2, 2]
},
"nav-controls-text": {
"type": "Text",
"left": 60, "top": 243,
"text": "CONTROLS",
"fontColor": "#8899aa",
"fontSize": 13
},
"nav-access": {
"type": "Rectangle",
"left": 48, "top": 276, "width": 184, "height": 36,
"fillColor": "#0a0d12",
"strokeColor": "#00000000",
"corners": [2, 2, 2, 2]
},
"nav-access-text": {
"type": "Text",
"left": 60, "top": 287,
"text": "ACCESSIBILITY",
"fontColor": "#8899aa",
"fontSize": 13
},
"content": {
"type": "Rectangle",
"left": 256, "top": 92, "width": 844, "height": 628,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"content-section-title": {
"type": "Text",
"left": 272, "top": 104,
"text": "DISPLAY",
"fontColor": "#c8d0e0",
"fontSize": 16
},
"content-divider": {
"type": "Line",
"left": 272, "top": 128, "width": 812, "height": 0,
"strokeColor": "#333340"
},
"setting-1-label": {
"type": "Text",
"left": 272, "top": 140,
"text": "Resolution",
"fontColor": "#8899aa",
"fontSize": 14
},
"setting-1-value": {
"type": "Rectangle",
"left": 680, "top": 134, "width": 180, "height": 30,
"fillColor": "#1a2030",
"strokeColor": "#c8d0e0",
"corners": [2, 2, 2, 2]
},
"setting-1-value-text": {
"type": "Text",
"left": 700, "top": 142,
"text": "1920 × 1080",
"fontColor": "#c8d0e0",
"fontSize": 13
},
"setting-2-label": {
"type": "Text",
"left": 272, "top": 178,
"text": "Fullscreen",
"fontColor": "#8899aa",
"fontSize": 14
},
"setting-2-toggle": {
"type": "Rectangle",
"left": 680, "top": 172, "width": 60, "height": 24,
"fillColor": "#1a2030",
"strokeColor": "#c8d8f0",
"corners": [12, 12, 12, 12]
},
"setting-2-toggle-on": {
"type": "Ellipse",
"left": 716, "top": 176, "width": 16, "height": 16,
"fillColor": "#c8d8f0",
"strokeColor": "#c8d8f0"
},
"audio-section-title": {
"type": "Text",
"left": 272, "top": 224,
"text": "AUDIO",
"fontColor": "#c8d0e0",
"fontSize": 16
},
"audio-divider": {
"type": "Line",
"left": 272, "top": 248, "width": 812, "height": 0,
"strokeColor": "#333340"
},
"audio-master-label": {
"type": "Text",
"left": 272, "top": 260,
"text": "Master Volume",
"fontColor": "#8899aa",
"fontSize": 14
},
"audio-master-bar-bg": {
"type": "Rectangle",
"left": 560, "top": 264, "width": 400, "height": 8,
"fillColor": "#2a3040",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"audio-master-bar-fill": {
"type": "Rectangle",
"left": 560, "top": 264, "width": 320, "height": 8,
"fillColor": "#c8d0e0",
"strokeColor": "#c8d0e0",
"corners": [2, 2, 0, 0]
},
"audio-master-value": {
"type": "Text",
"left": 968, "top": 258,
"text": "80%",
"fontColor": "#c8d0e0",
"fontSize": 13
},
"audio-ambient-label": {
"type": "Text",
"left": 272, "top": 296,
"text": "Ambient",
"fontColor": "#8899aa",
"fontSize": 14
},
"audio-ambient-bar-bg": {
"type": "Rectangle",
"left": 560, "top": 300, "width": 400, "height": 8,
"fillColor": "#2a3040",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"audio-ambient-bar-fill": {
"type": "Rectangle",
"left": 560, "top": 300, "width": 360, "height": 8,
"fillColor": "#8899aa",
"strokeColor": "#8899aa",
"corners": [2, 2, 0, 0]
},
"audio-ambient-value": {
"type": "Text",
"left": 968, "top": 294,
"text": "90%",
"fontColor": "#8899aa",
"fontSize": 13
},
"audio-sfx-label": {
"type": "Text",
"left": 272, "top": 332,
"text": "Sound FX",
"fontColor": "#8899aa",
"fontSize": 14
},
"audio-sfx-bar-bg": {
"type": "Rectangle",
"left": 560, "top": 336, "width": 400, "height": 8,
"fillColor": "#2a3040",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"audio-sfx-bar-fill": {
"type": "Rectangle",
"left": 560, "top": 336, "width": 300, "height": 8,
"fillColor": "#8899aa",
"strokeColor": "#8899aa",
"corners": [2, 2, 0, 0]
},
"audio-sfx-value": {
"type": "Text",
"left": 968, "top": 330,
"text": "75%",
"fontColor": "#8899aa",
"fontSize": 13
},
"insert-section-title": {
"type": "Text",
"left": 272, "top": 380,
"text": "INSERT / HUD",
"fontColor": "#c8d0e0",
"fontSize": 16
},
"insert-divider": {
"type": "Line",
"left": 272, "top": 404, "width": 812, "height": 0,
"strokeColor": "#333340"
},
"insert-density-label": {
"type": "Text",
"left": 272, "top": 416,
"text": "Overlay Density",
"fontColor": "#8899aa",
"fontSize": 14
},
"insert-density-bar-bg": {
"type": "Rectangle",
"left": 560, "top": 420, "width": 400, "height": 8,
"fillColor": "#2a3040",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"insert-density-bar-fill": {
"type": "Rectangle",
"left": 560, "top": 420, "width": 280, "height": 8,
"fillColor": "#c8d8f0",
"strokeColor": "#c8d8f0",
"corners": [2, 2, 0, 0]
},
"insert-density-value": {
"type": "Text",
"left": 968, "top": 414,
"text": "70%",
"fontColor": "#c8d8f0",
"fontSize": 13
},
"insert-monologue-label": {
"type": "Text",
"left": 272, "top": 452,
"text": "Monologue Frequency",
"fontColor": "#8899aa",
"fontSize": 14
},
"insert-mono-note": {
"type": "Text",
"left": 272, "top": 470,
"text": "Reduces frequency only — does not suppress urgent/critical monologue",
"fontColor": "#3a4455",
"fontSize": 11
},
"insert-mono-bar-bg": {
"type": "Rectangle",
"left": 560, "top": 456, "width": 400, "height": 8,
"fillColor": "#2a3040",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"insert-mono-bar-fill": {
"type": "Rectangle",
"left": 560, "top": 456, "width": 400, "height": 8,
"fillColor": "#8899aa",
"strokeColor": "#8899aa",
"corners": [2, 2, 2, 2]
},
"insert-mono-value": {
"type": "Text",
"left": 968, "top": 450,
"text": "100%",
"fontColor": "#8899aa",
"fontSize": 13
},
"access-section-title": {
"type": "Text",
"left": 272, "top": 508,
"text": "ACCESSIBILITY",
"fontColor": "#c8d0e0",
"fontSize": 16
},
"access-divider": {
"type": "Line",
"left": 272, "top": 532, "width": 812, "height": 0,
"strokeColor": "#333340"
},
"access-text-size-label": {
"type": "Text",
"left": 272, "top": 544,
"text": "Text Size",
"fontColor": "#8899aa",
"fontSize": 14
},
"access-text-size-val": {
"type": "Rectangle",
"left": 680, "top": 538, "width": 180, "height": 30,
"fillColor": "#1a2030",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"access-text-size-text": {
"type": "Text",
"left": 700, "top": 546,
"text": "NORMAL",
"fontColor": "#8899aa",
"fontSize": 13
},
"access-colorblind-label": {
"type": "Text",
"left": 272, "top": 582,
"text": "Colour-blind mode",
"fontColor": "#8899aa",
"fontSize": 14
},
"access-colorblind-val": {
"type": "Rectangle",
"left": 680, "top": 576, "width": 180, "height": 30,
"fillColor": "#1a2030",
"strokeColor": "#333340",
"corners": [2, 2, 2, 2]
},
"access-colorblind-text": {
"type": "Text",
"left": 700, "top": 584,
"text": "OFF",
"fontColor": "#8899aa",
"fontSize": 13
},
"access-colorblind-note": {
"type": "Text",
"left": 272, "top": 614, "width": 760,
"text": "Remaps D-033 entity colors for protanopia / deuteranopia. All relationship states remain distinguishable.",
"fontColor": "#3a4455",
"fontSize": 11,
"wordWrap": true
},
"footer-note": {
"type": "Text",
"left": 272, "top": 690,
"text": "All settings auto-save. [Esc] to return. Changes take effect immediately.",
"fontColor": "#3a4455",
"fontSize": 11
},
"annotation-title": {
"type": "Text",
"left": 16, "top": 728,
"text": "v1.0 OPTIONS SCREEN",
"fontColor": "#556677",
"fontSize": 11
},
"annotation-notes": {
"type": "Text",
"left": 16, "top": 742, "width": 1100,
"text": "Diegetic framing: 'Insert Settings'. Sidebar nav. Display, Audio (5-bus sliders), Insert/HUD density controls, Accessibility with D-033 remapping note.",
"fontColor": "#3a4455",
"fontSize": 10,
"wordWrap": true
}
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 286 KiB