Files
settled-reach/docs/design/wireframes/dialogue/v10-dialogue-full.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

223 lines
6.0 KiB
JSON

{
"name": "v10-dialogue-full",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 760,
"fillColor": "#1a1e24",
"strokeColor": "#1a1e24"
},
"bg-game-label": {
"type": "Text",
"left": 370, "top": 270,
"text": "GAME VIEW — SERA VENN VISIBLE IN WORLD\n(entity color: amber, trust arc at peak doubt phase)",
"fontColor": "#333340",
"fontSize": 14
},
"monologue-area": {
"type": "Rectangle",
"left": 180, "top": 510, "width": 780, "height": 72,
"fillColor": "#00000000",
"strokeColor": "#00000000"
},
"monologue-text": {
"type": "Text",
"left": 180, "top": 510, "width": 780,
"text": "She changed the subject. Fast.",
"fontColor": "#e0e8f8",
"fontSize": 13,
"wordWrap": true
},
"monologue-subtext": {
"type": "Text",
"left": 180, "top": 530, "width": 780,
"text": "That's not how she normally answers. Something I said.",
"fontColor": "#a0aac0",
"fontSize": 12,
"wordWrap": true
},
"monologue-note": {
"type": "Text",
"left": 180, "top": 552,
"text": "Chained monologue — second line arrives ~2s after first. Thought threading (v1.0).",
"fontColor": "#3a4455",
"fontSize": 10
},
"monologue-chain-line": {
"type": "Line",
"left": 178, "top": 510, "width": 0, "height": 48,
"strokeColor": "#333345"
},
"dialogue-panel": {
"type": "Rectangle",
"left": 0, "top": 592, "width": 1140, "height": 168,
"fillColor": "#0d1018",
"strokeColor": "#333340"
},
"dialogue-panel-accent": {
"type": "Rectangle",
"left": 0, "top": 592, "width": 1140, "height": 2,
"fillColor": "#333340",
"strokeColor": "#333340"
},
"log-entry-prev": {
"type": "Text",
"left": 20, "top": 598, "width": 1000,
"text": "you → SERA VENN: Did you see who was with Kael last night?",
"fontColor": "#7788aa",
"fontSize": 13
},
"separator-log": {
"type": "Line",
"left": 20, "top": 618, "width": 1100, "height": 0,
"strokeColor": "#1e2430"
},
"speaker-name": {
"type": "Text",
"left": 20, "top": 624,
"text": "SERA VENN",
"fontColor": "#e8c547",
"fontSize": 14
},
"speaker-arrow": {
"type": "Text",
"left": 110, "top": 624,
"text": "→ you",
"fontColor": "#556677",
"fontSize": 14
},
"relationship-indicator": {
"type": "Text",
"left": 900, "top": 624,
"text": "trust: REAL // phase: DOUBT",
"fontColor": "#e8c547",
"fontSize": 11
},
"dialogue-text": {
"type": "Text",
"left": 20, "top": 644, "width": 1100,
"text": "I didn't notice. You know how busy it gets at end of shift.",
"fontColor": "#e8eaf0",
"fontSize": 16,
"wordWrap": true
},
"lie-detection-indicator": {
"type": "Rectangle",
"left": 1120, "top": 644, "width": 16, "height": 16,
"fillColor": "#e8c547",
"strokeColor": "#e8c547",
"corners": [2, 2, 2, 2]
},
"lie-detection-label": {
"type": "Text",
"left": 1060, "top": 664,
"text": "stress marker",
"fontColor": "#e8c547",
"fontSize": 10
},
"lie-detection-note": {
"type": "Text",
"left": 900, "top": 676,
"text": "v1.0 feature — insert-based behavioral read",
"fontColor": "#3a4455",
"fontSize": 10
},
"separator": {
"type": "Line",
"left": 20, "top": 688, "width": 1100, "height": 0,
"strokeColor": "#2a3040"
},
"response-1": {
"type": "Text",
"left": 20, "top": 696,
"text": "▸ [1] Ask about shift schedules",
"fontColor": "#c0c8d8",
"fontSize": 14
},
"response-2": {
"type": "Text",
"left": 20, "top": 716,
"text": "▸ [2] She's lying. Push harder.",
"fontColor": "#e0e8f0",
"fontSize": 15
},
"response-2-note": {
"type": "Text",
"left": 450, "top": 718,
"text": "confrontation weight",
"fontColor": "#3a4455",
"fontSize": 10
},
"response-3": {
"type": "Text",
"left": 20, "top": 736,
"text": "▸ [3] Let it go for now",
"fontColor": "#c0c8d8",
"fontSize": 14
},
"topic-sidebar": {
"type": "Rectangle",
"left": 1090, "top": 592, "width": 50, "height": 168,
"fillColor": "#0e1118",
"strokeColor": "#2a3040"
},
"topic-label": {
"type": "Text",
"left": 1093, "top": 620,
"text": "KAEL",
"fontColor": "#e8c547",
"fontSize": 9
},
"topic-label-2": {
"type": "Text",
"left": 1093, "top": 645,
"text": "CARGO",
"fontColor": "#556677",
"fontSize": 9
},
"topic-label-3": {
"type": "Text",
"left": 1093, "top": 660,
"text": "SHIFT",
"fontColor": "#556677",
"fontSize": 9
},
"topic-sidebar-note": {
"type": "Text",
"left": 1050, "top": 762,
"text": "v1.0 topic tracker",
"fontColor": "#3a4455",
"fontSize": 9
},
"minimap-stub": {
"type": "Rectangle",
"left": 880, "top": 16, "width": 210, "height": 210,
"fillColor": "#12141a",
"strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"minimap-stub-label": {
"type": "Text",
"left": 940, "top": 100,
"text": "minimap",
"fontColor": "#333340",
"fontSize": 12
},
"annotation-title": {
"type": "Text",
"left": 16, "top": 16,
"text": "v1.0 DIALOGUE — FULL WITH OVERLAYS",
"fontColor": "#556677",
"fontSize": 11
},
"annotation-notes": {
"type": "Text",
"left": 16, "top": 30, "width": 840,
"text": "Unified log (previous exchange visible). Relationship status + trust phase. Lie detection / stress marker. Topic tracker sidebar. Chained monologue above.",
"fontColor": "#3a4455",
"fontSize": 10,
"wordWrap": true
}
}
}