Files
settled-reach/docs/design/wireframes/monologue/v01-monologue-reaction.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

134 lines
4.0 KiB
JSON

{
"name": "v01-monologue-reaction",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 760,
"fillColor": "#1a1e24",
"strokeColor": "#1a1e24"
},
"bg-game-label": {
"type": "Text",
"left": 340, "top": 320,
"text": "GAME VIEW — PLAYER OBSERVES KAEL IN WRONG LOCATION\n(entity blob in fog transitioning to amber silhouette — cognitive delay active)",
"fontColor": "#333340",
"fontSize": 14
},
"fog-entity-blob": {
"type": "Ellipse",
"left": 500, "top": 440, "width": 24, "height": 24,
"fillColor": "#555566",
"strokeColor": "#555566"
},
"fog-entity-pulse-ring": {
"type": "Ellipse",
"left": 490, "top": 430, "width": 44, "height": 44,
"fillColor": "#00000000",
"strokeColor": "#e8c547"
},
"fog-entity-note": {
"type": "Text",
"left": 450, "top": 476,
"text": "blob → color transition (0.3s)",
"fontColor": "#3a4455",
"fontSize": 10
},
"monologue-urgent-accent": {
"type": "Rectangle",
"left": 196, "top": 580, "width": 3, "height": 80,
"fillColor": "#c8d8f0",
"strokeColor": "#c8d8f0"
},
"monologue-block": {
"type": "Rectangle",
"left": 200, "top": 580, "width": 740, "height": 80,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"monologue-line-1": {
"type": "Text",
"left": 200, "top": 580, "width": 740,
"text": "Those footsteps... that's Kael's walk.",
"fontColor": "#e0e8f8",
"fontSize": 13,
"wordWrap": true
},
"monologue-line-2": {
"type": "Text",
"left": 200, "top": 602, "width": 740,
"text": "What's he doing in this corridor?",
"fontColor": "#c8d4ec",
"fontSize": 13,
"wordWrap": true
},
"monologue-trigger-label": {
"type": "Text",
"left": 200, "top": 625,
"text": "trigger: observe_npc // mood: suspicious // chime: urgent variant at onset of cognitive delay (D-067)",
"fontColor": "#3a4455",
"fontSize": 10
},
"cognitive-delay-note": {
"type": "Text",
"left": 200, "top": 639,
"text": "0.6s cognitive delay — monologue fires DURING delay, not after. Text IS the recognition (D-060).",
"fontColor": "#3a4455",
"fontSize": 10
},
"full-opacity-note": {
"type": "Text",
"left": 200, "top": 653,
"text": "Urgent: 100% opacity, left accent bar (cyan). Standard monologue: 85% opacity, no bar.",
"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 [RMB] World Menu [Esc] Pause",
"fontColor": "#8899aa",
"fontSize": 11
},
"minimap-frame": {
"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": 975, "top": 124,
"text": "minimap",
"fontColor": "#333340",
"fontSize": 12
},
"dialogue-zone-line": {
"type": "Line",
"left": 0, "top": 608, "width": 1140, "height": 0,
"strokeColor": "#1e2830"
},
"annotation-title": {
"type": "Text",
"left": 16, "top": 16,
"text": "v0.1 MONOLOGUE — REACTION (RECOGNITION EVENT)",
"fontColor": "#556677",
"fontSize": 11
},
"annotation-notes": {
"type": "Text",
"left": 16, "top": 30, "width": 840,
"text": "Urgent chime at onset of cognitive delay. Two-line monologue: first line names the recognition, second continues the thought. Accent bar left. Entity transitioning fog-blob to amber in game world above.",
"fontColor": "#3a4455",
"fontSize": 10,
"wordWrap": true
}
}
}