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>
271 lines
7.2 KiB
JSON
271 lines
7.2 KiB
JSON
{
|
|
"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
|
|
}
|
|
}
|
|
}
|