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>
This commit is contained in:
Claude Opus 4.6
@@ -0,0 +1,197 @@
|
||||
{
|
||||
"name": "v01-interaction-list",
|
||||
"shapes": {
|
||||
"bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 760,
|
||||
"fillColor": "#1a1e24",
|
||||
"strokeColor": "#1a1e24"
|
||||
},
|
||||
"bg-label": {
|
||||
"type": "Text",
|
||||
"left": 370, "top": 350,
|
||||
"text": "GAME VIEW — right-click world menu open\n(radial menu, 2 spokes in v0.1)",
|
||||
"fontColor": "#333340",
|
||||
"fontSize": 14
|
||||
},
|
||||
"radial-center": {
|
||||
"type": "Ellipse",
|
||||
"left": 556, "top": 356, "width": 8, "height": 8,
|
||||
"fillColor": "#c8d0e0",
|
||||
"strokeColor": "#c8d0e0"
|
||||
},
|
||||
"radial-spoke-up": {
|
||||
"type": "Line",
|
||||
"left": 560, "top": 280, "width": 0, "height": 76,
|
||||
"strokeColor": "#c8d0e0"
|
||||
},
|
||||
"radial-spoke-right": {
|
||||
"type": "Line",
|
||||
"left": 560, "top": 360, "width": 76, "height": 0,
|
||||
"strokeColor": "#c8d0e0"
|
||||
},
|
||||
"radial-spoke-left": {
|
||||
"type": "Line",
|
||||
"left": 484, "top": 360, "width": 76, "height": 0,
|
||||
"strokeColor": "#444455"
|
||||
},
|
||||
"radial-spoke-down": {
|
||||
"type": "Line",
|
||||
"left": 560, "top": 360, "width": 0, "height": 76,
|
||||
"strokeColor": "#444455"
|
||||
},
|
||||
"spoke-up-label": {
|
||||
"type": "Rectangle",
|
||||
"left": 506, "top": 248, "width": 108, "height": 28,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#c8d0e0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"spoke-up-text": {
|
||||
"type": "Text",
|
||||
"left": 514, "top": 256,
|
||||
"text": "[W] OBSERVE",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"spoke-right-label": {
|
||||
"type": "Rectangle",
|
||||
"left": 640, "top": 344, "width": 100, "height": 28,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#c8d0e0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"spoke-right-text": {
|
||||
"type": "Text",
|
||||
"left": 648, "top": 352,
|
||||
"text": "[D] INSERT",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"spoke-left-label": {
|
||||
"type": "Rectangle",
|
||||
"left": 374, "top": 344, "width": 104, "height": 28,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#444455",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"spoke-left-text": {
|
||||
"type": "Text",
|
||||
"left": 382, "top": 352,
|
||||
"text": "[A] COMMS",
|
||||
"fontColor": "#444455",
|
||||
"fontSize": 12
|
||||
},
|
||||
"spoke-down-label": {
|
||||
"type": "Rectangle",
|
||||
"left": 506, "top": 440, "width": 100, "height": 28,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#444455",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"spoke-down-text": {
|
||||
"type": "Text",
|
||||
"left": 514, "top": 448,
|
||||
"text": "[S] WAIT",
|
||||
"fontColor": "#444455",
|
||||
"fontSize": 12
|
||||
},
|
||||
"v01-scope-note": {
|
||||
"type": "Text",
|
||||
"left": 400, "top": 480,
|
||||
"text": "v0.1: OBSERVE + INSERT only. COMMS + WAIT deferred (shown greyed).",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"drag-release-note": {
|
||||
"type": "Text",
|
||||
"left": 400, "top": 496,
|
||||
"text": "Drag-release for fast selection. Click-click for newcomers. (D-058)",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"z-layer-note": {
|
||||
"type": "Text",
|
||||
"left": 400, "top": 510,
|
||||
"text": "Rendered z-layer 6. Nearly transparent — geometric lines only.",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"notification-section": {
|
||||
"type": "Rectangle",
|
||||
"left": 600, "top": 560, "width": 500, "height": 130,
|
||||
"fillColor": "#12141a",
|
||||
"strokeColor": "#2a3040",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"notification-title": {
|
||||
"type": "Text",
|
||||
"left": 616, "top": 568,
|
||||
"text": "TOAST NOTIFICATION (v0.1 scope)",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"toast-1": {
|
||||
"type": "Rectangle",
|
||||
"left": 616, "top": 586, "width": 468, "height": 32,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#333340",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"toast-1-accent": {
|
||||
"type": "Rectangle",
|
||||
"left": 616, "top": 586, "width": 2, "height": 32,
|
||||
"fillColor": "#c8d8f0",
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"toast-1-text": {
|
||||
"type": "Text",
|
||||
"left": 622, "top": 596,
|
||||
"text": "INSERT // New POI added: Bay 12 cargo sector",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"toast-2": {
|
||||
"type": "Rectangle",
|
||||
"left": 616, "top": 624, "width": 468, "height": 32,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#333340",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"toast-2-accent": {
|
||||
"type": "Rectangle",
|
||||
"left": 616, "top": 624, "width": 2, "height": 32,
|
||||
"fillColor": "#e8c547",
|
||||
"strokeColor": "#e8c547"
|
||||
},
|
||||
"toast-2-text": {
|
||||
"type": "Text",
|
||||
"left": 622, "top": 634,
|
||||
"text": "CASE // Kael Davan flagged as person of interest",
|
||||
"fontColor": "#e8c547",
|
||||
"fontSize": 12
|
||||
},
|
||||
"toast-note": {
|
||||
"type": "Text",
|
||||
"left": 616, "top": 664,
|
||||
"text": "Top-right corner. Accent color = category. Auto-dismiss 5s. Stack max 2.",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"annotation-title": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 16,
|
||||
"text": "v0.1 WORLD MENU (RADIAL) + TOAST NOTIFICATIONS",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"annotation-notes": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 30, "width": 840,
|
||||
"text": "Radial: 4 spokes, 2 active in v0.1. Geometric lines, thin. Drag-release or click-click. Toast: accent bar = category color, top-right corner.",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10,
|
||||
"wordWrap": true
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
@@ -0,0 +1,93 @@
|
||||
{
|
||||
"name": "v01-modal-confirm",
|
||||
"shapes": {
|
||||
"overlay": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 760,
|
||||
"fillColor": "#08090c"
|
||||
},
|
||||
"modal": {
|
||||
"type": "Rectangle",
|
||||
"left": 370, "top": 280, "width": 400, "height": 200,
|
||||
"fillColor": "#1a1e24",
|
||||
"strokeColor": "#333340",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"modal-accent": {
|
||||
"type": "Rectangle",
|
||||
"left": 370, "top": 280, "width": 400, "height": 2,
|
||||
"fillColor": "#c8d0e0",
|
||||
"strokeColor": "#c8d0e0"
|
||||
},
|
||||
"title": {
|
||||
"type": "Text",
|
||||
"left": 386, "top": 294,
|
||||
"text": "QUIT TO MAIN MENU?",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 16
|
||||
},
|
||||
"divider": {
|
||||
"type": "Line",
|
||||
"left": 386, "top": 320, "width": 368, "height": 0,
|
||||
"strokeColor": "#333340"
|
||||
},
|
||||
"body": {
|
||||
"type": "Text",
|
||||
"left": 386, "top": 332, "width": 368,
|
||||
"text": "Unsaved progress will be lost.",
|
||||
"fontColor": "#8899aa",
|
||||
"fontSize": 14,
|
||||
"wordWrap": true
|
||||
},
|
||||
"btn-cancel": {
|
||||
"type": "Rectangle",
|
||||
"left": 386, "top": 424, "width": 168, "height": 36,
|
||||
"fillColor": "#2a3040",
|
||||
"strokeColor": "#c8d0e0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"btn-cancel-label": {
|
||||
"type": "Text",
|
||||
"left": 430, "top": 434,
|
||||
"text": "CANCEL",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 14
|
||||
},
|
||||
"btn-confirm": {
|
||||
"type": "Rectangle",
|
||||
"left": 566, "top": 424, "width": 168, "height": 36,
|
||||
"fillColor": "#1e2430",
|
||||
"strokeColor": "#c8d8f0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"btn-confirm-label": {
|
||||
"type": "Text",
|
||||
"left": 610, "top": 434,
|
||||
"text": "CONFIRM",
|
||||
"fontColor": "#c8d8f0",
|
||||
"fontSize": 14
|
||||
},
|
||||
"key-hint": {
|
||||
"type": "Text",
|
||||
"left": 386, "top": 476,
|
||||
"text": "[Enter] Confirm [Esc] Cancel",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"annotation-title": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 16,
|
||||
"text": "v0.1 MODAL CONFIRM DIALOG",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"annotation-notes": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 30, "width": 840,
|
||||
"text": "Insert-styled chrome. Top accent bar. Dark overlay. Keyboard shortcuts. No icon — text-primary. Cancel default-focused.",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10,
|
||||
"wordWrap": true
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
@@ -0,0 +1,175 @@
|
||||
{
|
||||
"name": "v01-tooltip",
|
||||
"shapes": {
|
||||
"bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 760,
|
||||
"fillColor": "#1a1e24",
|
||||
"strokeColor": "#1a1e24"
|
||||
},
|
||||
"bg-label": {
|
||||
"type": "Text",
|
||||
"left": 380, "top": 360,
|
||||
"text": "GAME VIEW — cursor hovering entity",
|
||||
"fontColor": "#333340",
|
||||
"fontSize": 14
|
||||
},
|
||||
"entity-box": {
|
||||
"type": "Ellipse",
|
||||
"left": 540, "top": 300, "width": 28, "height": 28,
|
||||
"fillColor": "#4a9ebb",
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"cursor-bracket-tl": {
|
||||
"type": "Line",
|
||||
"left": 530, "top": 290, "width": 10, "height": 0,
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"cursor-bracket-tl-v": {
|
||||
"type": "Line",
|
||||
"left": 530, "top": 290, "width": 0, "height": 10,
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"cursor-bracket-br": {
|
||||
"type": "Line",
|
||||
"left": 568, "top": 338, "width": 10, "height": 0,
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"cursor-bracket-br-v": {
|
||||
"type": "Line",
|
||||
"left": 578, "top": 328, "width": 0, "height": 10,
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"tooltip-entity-verb": {
|
||||
"type": "Rectangle",
|
||||
"left": 576, "top": 295, "width": 180, "height": 72,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#333340",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"tooltip-accent": {
|
||||
"type": "Rectangle",
|
||||
"left": 576, "top": 295, "width": 2, "height": 72,
|
||||
"fillColor": "#4a9ebb",
|
||||
"strokeColor": "#4a9ebb"
|
||||
},
|
||||
"tooltip-name": {
|
||||
"type": "Text",
|
||||
"left": 582, "top": 300,
|
||||
"text": "DOCK WORKER",
|
||||
"fontColor": "#4a9ebb",
|
||||
"fontSize": 12
|
||||
},
|
||||
"tooltip-status": {
|
||||
"type": "Text",
|
||||
"left": 582, "top": 316,
|
||||
"text": "Unknown / Neutral",
|
||||
"fontColor": "#8899aa",
|
||||
"fontSize": 11
|
||||
},
|
||||
"tooltip-verb-1": {
|
||||
"type": "Text",
|
||||
"left": 582, "top": 334,
|
||||
"text": "[E] Talk",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"tooltip-verb-2": {
|
||||
"type": "Text",
|
||||
"left": 582, "top": 350,
|
||||
"text": "[F] Observe",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"tooltip-z-layer-note": {
|
||||
"type": "Text",
|
||||
"left": 576, "top": 372,
|
||||
"text": "Rendered z-layer 6 (insert layer) — disappears if insert off",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"object-hover-section": {
|
||||
"type": "Rectangle",
|
||||
"left": 300, "top": 440, "width": 540, "height": 100,
|
||||
"fillColor": "#12141a",
|
||||
"strokeColor": "#2a3040",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"object-hover-title": {
|
||||
"type": "Text",
|
||||
"left": 316, "top": 448,
|
||||
"text": "OBJECT HOVER — cursor rotates to X-shape",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"object-box": {
|
||||
"type": "Rectangle",
|
||||
"left": 316, "top": 466, "width": 48, "height": 32,
|
||||
"fillColor": "#2a3040",
|
||||
"strokeColor": "#8b8ba0"
|
||||
},
|
||||
"object-box-label": {
|
||||
"type": "Text",
|
||||
"left": 322, "top": 478,
|
||||
"text": "CRATE",
|
||||
"fontColor": "#8b8ba0",
|
||||
"fontSize": 10
|
||||
},
|
||||
"object-tooltip": {
|
||||
"type": "Rectangle",
|
||||
"left": 372, "top": 460, "width": 160, "height": 56,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#333340",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"object-tooltip-accent": {
|
||||
"type": "Rectangle",
|
||||
"left": 372, "top": 460, "width": 2, "height": 56,
|
||||
"fillColor": "#8b8ba0",
|
||||
"strokeColor": "#8b8ba0"
|
||||
},
|
||||
"object-tooltip-name": {
|
||||
"type": "Text",
|
||||
"left": 378, "top": 464,
|
||||
"text": "CARGO CRATE T-447",
|
||||
"fontColor": "#8b8ba0",
|
||||
"fontSize": 11
|
||||
},
|
||||
"object-tooltip-verb": {
|
||||
"type": "Text",
|
||||
"left": 378, "top": 482,
|
||||
"text": "[E] Examine",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"object-tooltip-verb-2": {
|
||||
"type": "Text",
|
||||
"left": 378, "top": 498,
|
||||
"text": "[F] Scan",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 12
|
||||
},
|
||||
"object-amber-note": {
|
||||
"type": "Text",
|
||||
"left": 316, "top": 524,
|
||||
"text": "If object flagged as POI: accent becomes amber #e8c547",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"annotation-title": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 16,
|
||||
"text": "v0.1 TOOLTIPS — ENTITY HOVER + OBJECT HOVER",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"annotation-notes": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 30, "width": 840,
|
||||
"text": "Entity hover: bracket cursor expands, vertical list of verbs, name in D-033 color. Object hover: X-cursor, grey accent. Both z-layer 6 — insert layer. D-057 vertical list spec.",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10,
|
||||
"wordWrap": true
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
@@ -0,0 +1,174 @@
|
||||
{
|
||||
"name": "v10-context-menu",
|
||||
"shapes": {
|
||||
"bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 760,
|
||||
"fillColor": "#1a1e24",
|
||||
"strokeColor": "#1a1e24"
|
||||
},
|
||||
"bg-label": {
|
||||
"type": "Text",
|
||||
"left": 370, "top": 340,
|
||||
"text": "GAME VIEW — entity context menu\n(knowledge-unlocked options, new option glow)",
|
||||
"fontColor": "#333340",
|
||||
"fontSize": 14
|
||||
},
|
||||
"entity-dot": {
|
||||
"type": "Ellipse",
|
||||
"left": 440, "top": 300, "width": 28, "height": 28,
|
||||
"fillColor": "#e8c547",
|
||||
"strokeColor": "#c8d8f0"
|
||||
},
|
||||
"entity-bracket-tl": {
|
||||
"type": "Line",
|
||||
"left": 428, "top": 288, "width": 14, "height": 0,
|
||||
"strokeColor": "#e8c547"
|
||||
},
|
||||
"entity-bracket-tl-v": {
|
||||
"type": "Line",
|
||||
"left": 428, "top": 288, "width": 0, "height": 14,
|
||||
"strokeColor": "#e8c547"
|
||||
},
|
||||
"entity-bracket-br": {
|
||||
"type": "Line",
|
||||
"left": 466, "top": 340, "width": 14, "height": 0,
|
||||
"strokeColor": "#e8c547"
|
||||
},
|
||||
"entity-bracket-br-v": {
|
||||
"type": "Line",
|
||||
"left": 480, "top": 326, "width": 0, "height": 14,
|
||||
"strokeColor": "#e8c547"
|
||||
},
|
||||
"context-menu": {
|
||||
"type": "Rectangle",
|
||||
"left": 488, "top": 284, "width": 240, "height": 168,
|
||||
"fillColor": "#0e1118",
|
||||
"strokeColor": "#e8c547",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-menu-header": {
|
||||
"type": "Text",
|
||||
"left": 496, "top": 290,
|
||||
"text": "KAEL DAVAN",
|
||||
"fontColor": "#e8c547",
|
||||
"fontSize": 13
|
||||
},
|
||||
"context-header-sub": {
|
||||
"type": "Text",
|
||||
"left": 496, "top": 306,
|
||||
"text": "Person of Interest // Dock Worker",
|
||||
"fontColor": "#8899aa",
|
||||
"fontSize": 10
|
||||
},
|
||||
"context-divider": {
|
||||
"type": "Line",
|
||||
"left": 496, "top": 320, "width": 224, "height": 0,
|
||||
"strokeColor": "#2a3040"
|
||||
},
|
||||
"context-verb-1": {
|
||||
"type": "Rectangle",
|
||||
"left": 496, "top": 326, "width": 224, "height": 28,
|
||||
"fillColor": "#12181e",
|
||||
"strokeColor": "#00000000",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-verb-1-text": {
|
||||
"type": "Text",
|
||||
"left": 504, "top": 334,
|
||||
"text": "[E] Talk",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 13
|
||||
},
|
||||
"context-verb-2": {
|
||||
"type": "Rectangle",
|
||||
"left": 496, "top": 358, "width": 224, "height": 28,
|
||||
"fillColor": "#12181e",
|
||||
"strokeColor": "#00000000",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-verb-2-text": {
|
||||
"type": "Text",
|
||||
"left": 504, "top": 366,
|
||||
"text": "[F] Observe",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 13
|
||||
},
|
||||
"context-verb-3-new": {
|
||||
"type": "Rectangle",
|
||||
"left": 496, "top": 390, "width": 224, "height": 28,
|
||||
"fillColor": "#1a2030",
|
||||
"strokeColor": "#c8d8f0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-verb-3-glow": {
|
||||
"type": "Rectangle",
|
||||
"left": 496, "top": 390, "width": 224, "height": 28,
|
||||
"fillColor": "#0a1020",
|
||||
"strokeColor": "#c8d8f0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-verb-3-text": {
|
||||
"type": "Text",
|
||||
"left": 504, "top": 398,
|
||||
"text": "[G] Confront",
|
||||
"fontColor": "#c8d8f0",
|
||||
"fontSize": 13
|
||||
},
|
||||
"context-verb-3-new-badge": {
|
||||
"type": "Rectangle",
|
||||
"left": 676, "top": 396, "width": 36, "height": 16,
|
||||
"fillColor": "#c8d8f0",
|
||||
"strokeColor": "#c8d8f0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-verb-3-new-text": {
|
||||
"type": "Text",
|
||||
"left": 680, "top": 400,
|
||||
"text": "NEW",
|
||||
"fontColor": "#0e1118",
|
||||
"fontSize": 9
|
||||
},
|
||||
"context-verb-4": {
|
||||
"type": "Rectangle",
|
||||
"left": 496, "top": 422, "width": 224, "height": 28,
|
||||
"fillColor": "#12181e",
|
||||
"strokeColor": "#00000000",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"context-verb-4-text": {
|
||||
"type": "Text",
|
||||
"left": 504, "top": 430,
|
||||
"text": "[H] Follow",
|
||||
"fontColor": "#c8d0e0",
|
||||
"fontSize": 13
|
||||
},
|
||||
"new-option-note": {
|
||||
"type": "Text",
|
||||
"left": 488, "top": 456,
|
||||
"text": "New option glow: gradient background + badge. Fires when knowledge threshold crossed. (D-057)",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10
|
||||
},
|
||||
"connection-line": {
|
||||
"type": "Line",
|
||||
"left": 480, "top": 314, "width": 8, "height": 0,
|
||||
"strokeColor": "#e8c547"
|
||||
},
|
||||
"annotation-title": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 16,
|
||||
"text": "v1.0 CONTEXT MENU — ENTITY WITH UNLOCKED CONFRONT",
|
||||
"fontColor": "#556677",
|
||||
"fontSize": 11
|
||||
},
|
||||
"annotation-notes": {
|
||||
"type": "Text",
|
||||
"left": 16, "top": 30, "width": 840,
|
||||
"text": "Vertical list (D-057). 4 options. New option highlighted with glow + NEW badge — knowledge state changed, Confront became available. Frame brackets match D-033 entity color.",
|
||||
"fontColor": "#3a4455",
|
||||
"fontSize": 10,
|
||||
"wordWrap": true
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
@@ -0,0 +1,238 @@
|
||||
{
|
||||
"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
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
Reference in New Issue
Block a user