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>
239 lines
6.7 KiB
JSON
239 lines
6.7 KiB
JSON
{
|
|
"name": "v10-notification-stack",
|
|
"shapes": {
|
|
"bg": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#1a1e24"
|
|
},
|
|
"bg-label": {
|
|
"type": "Text",
|
|
"left": 350, "top": 400,
|
|
"text": "GAME VIEW — multiple notifications stacked top-right",
|
|
"fontColor": "#333340",
|
|
"fontSize": 14
|
|
},
|
|
"toast-1": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 16, "width": 274, "height": 44,
|
|
"fillColor": "#0d1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"toast-1-accent": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 16, "width": 2, "height": 44,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"toast-1-category": {
|
|
"type": "Text",
|
|
"left": 858, "top": 20,
|
|
"text": "INSERT",
|
|
"fontColor": "#c8d8f0",
|
|
"fontSize": 9
|
|
},
|
|
"toast-1-text": {
|
|
"type": "Text",
|
|
"left": 858, "top": 33, "width": 258,
|
|
"text": "New POI: Bay 12 cargo sector added",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"toast-1-timer": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 58, "width": 180, "height": 2,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"toast-2": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 66, "width": 274, "height": 44,
|
|
"fillColor": "#0d1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"toast-2-accent": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 66, "width": 2, "height": 44,
|
|
"fillColor": "#e8c547",
|
|
"strokeColor": "#e8c547"
|
|
},
|
|
"toast-2-category": {
|
|
"type": "Text",
|
|
"left": 858, "top": 70,
|
|
"text": "CASE",
|
|
"fontColor": "#e8c547",
|
|
"fontSize": 9
|
|
},
|
|
"toast-2-text": {
|
|
"type": "Text",
|
|
"left": 858, "top": 83, "width": 258,
|
|
"text": "Kael Davan — relationship updated",
|
|
"fontColor": "#e8c547",
|
|
"fontSize": 12
|
|
},
|
|
"toast-2-timer": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 108, "width": 240, "height": 2,
|
|
"fillColor": "#e8c547",
|
|
"strokeColor": "#e8c547"
|
|
},
|
|
"toast-3": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 116, "width": 274, "height": 44,
|
|
"fillColor": "#0d1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"toast-3-accent": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 116, "width": 2, "height": 44,
|
|
"fillColor": "#6bc9a6",
|
|
"strokeColor": "#6bc9a6"
|
|
},
|
|
"toast-3-category": {
|
|
"type": "Text",
|
|
"left": 858, "top": 120,
|
|
"text": "COMMS",
|
|
"fontColor": "#6bc9a6",
|
|
"fontSize": 9
|
|
},
|
|
"toast-3-text": {
|
|
"type": "Text",
|
|
"left": 858, "top": 133, "width": 258,
|
|
"text": "Naia Voss sent a message",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"toast-3-timer": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 158, "width": 260, "height": 2,
|
|
"fillColor": "#6bc9a6",
|
|
"strokeColor": "#6bc9a6"
|
|
},
|
|
"toast-4-faded": {
|
|
"type": "Rectangle",
|
|
"left": 850, "top": 166, "width": 274, "height": 36,
|
|
"fillColor": "#0a0d12",
|
|
"strokeColor": "#252a35",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"toast-4-text": {
|
|
"type": "Text",
|
|
"left": 858, "top": 180, "width": 258,
|
|
"text": "INSERT // Manifest scan complete",
|
|
"fontColor": "#445566",
|
|
"fontSize": 11
|
|
},
|
|
"stack-annotations": {
|
|
"type": "Text",
|
|
"left": 850, "top": 210,
|
|
"text": "Stack: newest at top, older slide down, fade out after 5s.\nColor-coded by category. Progress bar = time remaining.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"info-card-section": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 340, "width": 480, "height": 280,
|
|
"fillColor": "#0d1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"info-card-title": {
|
|
"type": "Text",
|
|
"left": 28, "top": 350,
|
|
"text": "INFORMATION CARD — v1.0 (hover on entity/object)",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"info-card-inner": {
|
|
"type": "Rectangle",
|
|
"left": 28, "top": 372, "width": 456, "height": 236,
|
|
"fillColor": "#12161e",
|
|
"strokeColor": "#2a3040",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"info-card-accent-bar": {
|
|
"type": "Rectangle",
|
|
"left": 28, "top": 372, "width": 456, "height": 2,
|
|
"fillColor": "#e8c547",
|
|
"strokeColor": "#e8c547"
|
|
},
|
|
"info-card-name": {
|
|
"type": "Text",
|
|
"left": 40, "top": 382,
|
|
"text": "KAEL DAVAN",
|
|
"fontColor": "#e8c547",
|
|
"fontSize": 16
|
|
},
|
|
"info-card-role": {
|
|
"type": "Text",
|
|
"left": 40, "top": 402,
|
|
"text": "Dock Worker, The Terminal // Day shift",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 12
|
|
},
|
|
"info-card-divider": {
|
|
"type": "Line",
|
|
"left": 40, "top": 420, "width": 432, "height": 0,
|
|
"strokeColor": "#2a3040"
|
|
},
|
|
"info-card-known-label": {
|
|
"type": "Text",
|
|
"left": 40, "top": 428,
|
|
"text": "KNOWN:",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"info-card-fact-1": {
|
|
"type": "Text",
|
|
"left": 40, "top": 446, "width": 432,
|
|
"text": "Cargo handling, Bay 7-12 // confidence: KnowsOf",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12,
|
|
"wordWrap": true
|
|
},
|
|
"info-card-fact-2": {
|
|
"type": "Text",
|
|
"left": 40, "top": 468, "width": 432,
|
|
"text": "Partner: Naia Voss // confidence: KnowsDetails",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12,
|
|
"wordWrap": true
|
|
},
|
|
"info-card-flagged": {
|
|
"type": "Text",
|
|
"left": 40, "top": 490, "width": 432,
|
|
"text": "Anomaly: corridor B-7 at 15:30 off-shift // flagged",
|
|
"fontColor": "#e8c547",
|
|
"fontSize": 12,
|
|
"wordWrap": true
|
|
},
|
|
"info-card-note": {
|
|
"type": "Text",
|
|
"left": 40, "top": 520, "width": 432,
|
|
"text": "v1.0 feature — rich knowledge card on entity hover.\nDetective variant: case-file style. Smuggler: personal notes.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 16,
|
|
"text": "v1.0 NOTIFICATION STACK + INFORMATION CARD",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-notes": {
|
|
"type": "Text",
|
|
"left": 16, "top": 30, "width": 840,
|
|
"text": "Toast stack: top-right, newest first, progress bar per item, category accent colors. Info card: rich entity data card on hover, knowledge graph content.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
}
|
|
}
|
|
}
|