Files
settled-reach/docs/design/wireframes/dialogue/v01-dialogue-overheard.json
T
jpmschweitzerandClaude Opus 4.6 996a000146 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>
2026-02-23 15:36:06 +01:00

128 lines
3.7 KiB
JSON

{
"name": "v01-dialogue-overheard",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 760,
"fillColor": "#1a1e24",
"strokeColor": "#1a1e24"
},
"bg-game-label": {
"type": "Text",
"left": 330, "top": 280,
"text": "GAME VIEW — TWO NPCS CONVERSING AT DISTANCE\n(player not in conversation, eavesdropping passively)",
"fontColor": "#333340",
"fontSize": 14
},
"dialogue-panel": {
"type": "Rectangle",
"left": 0, "top": 608, "width": 1140, "height": 152,
"fillColor": "#0d1018",
"strokeColor": "#333340"
},
"dialogue-panel-accent": {
"type": "Rectangle",
"left": 0, "top": 608, "width": 1140, "height": 2,
"fillColor": "#252a35",
"strokeColor": "#252a35"
},
"passive-indicator": {
"type": "Rectangle",
"left": 0, "top": 608, "width": 6, "height": 152,
"fillColor": "#333345",
"strokeColor": "#333345"
},
"passive-label": {
"type": "Text",
"left": 14, "top": 612,
"text": "OVERHEARD",
"fontColor": "#556677",
"fontSize": 10
},
"speaker-name": {
"type": "Text",
"left": 14, "top": 626,
"text": "KAEL DAVAN",
"fontColor": "#6bc9a6",
"fontSize": 13
},
"speaker-arrow": {
"type": "Text",
"left": 116, "top": 626,
"text": "→ NAIA VOSS",
"fontColor": "#4a9ebb",
"fontSize": 13
},
"dialogue-text-occluded": {
"type": "Text",
"left": 14, "top": 646, "width": 1112,
"text": "... heard about the ... tomorrow. You need to ... before Torek finds ...",
"fontColor": "#9090a8",
"fontSize": 15,
"wordWrap": true
},
"occlusion-annotation": {
"type": "Text",
"left": 14, "top": 682,
"text": "Per-word occlusion filter — server-computed. ... = dropped words. Same conversation, different fragments each playthrough. (D-078)",
"fontColor": "#3a4455",
"fontSize": 10
},
"separator": {
"type": "Line",
"left": 14, "top": 696, "width": 1112, "height": 0,
"strokeColor": "#222830"
},
"no-response-label": {
"type": "Text",
"left": 14, "top": 704,
"text": "No response options — passive mode. Walk out of earshot to dismiss.",
"fontColor": "#444455",
"fontSize": 12
},
"listening-focus-label": {
"type": "Text",
"left": 600, "top": 718,
"text": "Stationary 30+ ticks = ListeningFocus boost — improves word visibility (D-071)",
"fontColor": "#3a4455",
"fontSize": 10
},
"distance-label": {
"type": "Text",
"left": 14, "top": 734,
"text": "Moderate distance / some noise zone → medium word probability",
"fontColor": "#3a4455",
"fontSize": 10
},
"minimap-stub": {
"type": "Rectangle",
"left": 880, "top": 16, "width": 244, "height": 244,
"fillColor": "#12141a",
"strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"minimap-stub-label": {
"type": "Text",
"left": 900, "top": 124,
"text": "minimap",
"fontColor": "#333340",
"fontSize": 12
},
"annotation-title": {
"type": "Text",
"left": 16, "top": 16,
"text": "v0.1 DIALOGUE — OVERHEARD (PASSIVE MODE)",
"fontColor": "#556677",
"fontSize": 11
},
"annotation-notes": {
"type": "Text",
"left": 16, "top": 30, "width": 840,
"text": "Same dialogue box, passive mode. Dimmed side accent. NPC names in D-033 colors. Occluded words as '...'. No response options. Unified log (D-061, D-078).",
"fontColor": "#3a4455",
"fontSize": 10,
"wordWrap": true
}
}
}