jpmschweitzer/settled-reach
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
11b29baefed11262a9e786d930388b39b80098aa
settled-reach/docs/design/wireframes/character-creation/accessories-tab.json
T
jpmschweitzerandClaude Opus 4.6 143185741e fix(design): address PR #97 review — all items 
Review fixes:
- Eyebrows moved from Head tab to Hair tab (with brow tint + beard tint)
- Head tab now has skin tone dock only
- Eyebrow names match asset keys (regular, female, teen, thick)
- Added earring L/R and necklace slots to Accessories tab
- Added wrist L/R slot labels already present, shifted grid for 3rd row
- Removed "Other" row label for Child (no gendered framing)
- D-155 cross-reference anchor fixed (was stale "full-360-rotation")
- D-160 segment count corrected 17→18 (added torso_upper)
- D-164 rationale corrected: Superhero mesh retained as muscular type
- Added compositor segment visibility note to implementation section
- D-165 cross-ref clarified (clothing colors only, not skin tones)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-22 16:42:50 +01:00

492 lines
14 KiB
JSON
Raw Blame History

{
"name": "Character Creation — Accessories Tab",
"shapes": {
"bg": {
"type": "Rectangle",
"left": 0, "top": 0, "width": 1140, "height": 780,
"fillColor": "#1a1e24"
},
"title": {
"type": "Text",
"parent": "bg",
"left": 440, "top": 16,
"text": "CHARACTER CREATION",
"fontColor": "#c8d0e0", "fontSize": 24
},
"preview-panel": {
"type": "Rectangle",
"parent": "bg",
"left": 20, "top": 56, "width": 700, "height": 600,
"fillColor": "#2a3040", "strokeColor": "#333340",
"corners": [8, 8, 8, 8]
},
"preview-figure": {
"type": "Rectangle",
"parent": "preview-panel",
"left": 260, "top": 110, "width": 220, "height": 460,
"fillColor": "#3a4050", "strokeColor": "#555568",
"corners": [4, 4, 4, 4]
},
"cam-toggle": {
"type": "Rectangle",
"parent": "preview-panel",
"left": 620, "top": 68, "width": 88, "height": 28,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"cam-toggle-label": {
"type": "Text",
"parent": "cam-toggle",
"left": 632, "top": 73,
"text": "Frontal",
"fontColor": "#c8d8f0", "fontSize": 11
},
"btn-rot-left": {
"type": "Rectangle",
"parent": "preview-panel",
"left": 270, "top": 590, "width": 80, "height": 36,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"btn-rot-left-label": {
"type": "Text",
"parent": "btn-rot-left",
"left": 288, "top": 597,
"text": "[Q] <",
"fontColor": "#c8d8f0", "fontSize": 13
},
"btn-rot-right": {
"type": "Rectangle",
"parent": "preview-panel",
"left": 390, "top": 590, "width": 80, "height": 36,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"btn-rot-right-label": {
"type": "Text",
"parent": "btn-rot-right",
"left": 408, "top": 597,
"text": "> [E]",
"fontColor": "#c8d8f0", "fontSize": 13
},
"right-panel": {
"type": "Rectangle",
"parent": "bg",
"left": 740, "top": 56, "width": 380, "height": 600,
"fillColor": "#1a1e24", "strokeColor": "#333340",
"corners": [8, 8, 8, 8]
},
"tab-body": {
"type": "Rectangle",
"parent": "right-panel",
"left": 740, "top": 64, "width": 60, "height": 30,
"fillColor": "#1a1e24", "strokeColor": "#333340",
"corners": [4, 4, 0, 0]
},
"tab-body-label": {
"type": "Text",
"parent": "tab-body",
"left": 750, "top": 71,
"text": "Body",
"fontColor": "#c8d0e0", "fontSize": 11
},
"tab-head": {
"type": "Rectangle",
"parent": "right-panel",
"left": 802, "top": 64, "width": 58, "height": 30,
"fillColor": "#1a1e24", "strokeColor": "#333340",
"corners": [4, 4, 0, 0]
},
"tab-head-label": {
"type": "Text",
"parent": "tab-head",
"left": 812, "top": 71,
"text": "Head",
"fontColor": "#c8d0e0", "fontSize": 11
},
"tab-hair": {
"type": "Rectangle",
"parent": "right-panel",
"left": 862, "top": 64, "width": 52, "height": 30,
"fillColor": "#1a1e24", "strokeColor": "#333340",
"corners": [4, 4, 0, 0]
},
"tab-hair-label": {
"type": "Text",
"parent": "tab-hair",
"left": 872, "top": 71,
"text": "Hair",
"fontColor": "#c8d0e0", "fontSize": 11
},
"tab-clothing": {
"type": "Rectangle",
"parent": "right-panel",
"left": 916, "top": 64, "width": 76, "height": 30,
"fillColor": "#1a1e24", "strokeColor": "#333340",
"corners": [4, 4, 0, 0]
},
"tab-clothing-label": {
"type": "Text",
"parent": "tab-clothing",
"left": 922, "top": 71,
"text": "Clothing",
"fontColor": "#c8d0e0", "fontSize": 11
},
"tab-accessories": {
"type": "Rectangle",
"parent": "right-panel",
"left": 994, "top": 64, "width": 94, "height": 30,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 0, 0]
},
"tab-accessories-label": {
"type": "Text",
"parent": "tab-accessories",
"left": 1000, "top": 71,
"text": "Accessories",
"fontColor": "#c8d8f0", "fontSize": 11
},
"tab-content": {
"type": "Rectangle",
"parent": "right-panel",
"left": 740, "top": 94, "width": 380, "height": 562,
"fillColor": "#2a3040", "strokeColor": "#333340",
"corners": [0, 0, 8, 8]
},
"search-bar": {
"type": "Rectangle",
"parent": "tab-content",
"left": 752, "top": 102, "width": 356, "height": 32,
"fillColor": "#3a4050", "strokeColor": "#555568",
"corners": [4, 4, 4, 4]
},
"search-placeholder": {
"type": "Text",
"parent": "search-bar",
"left": 762, "top": 109,
"text": "Search...",
"fontColor": "#555568", "fontSize": 12
},
"slot-label": {
"type": "Text",
"parent": "tab-content",
"left": 756, "top": 146,
"text": "SLOT",
"fontColor": "#c8d0e0", "fontSize": 12
},
"slot-hat": {
"type": "Rectangle",
"parent": "tab-content",
"left": 756, "top": 164, "width": 64, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"slot-hat-label": {
"type": "Text",
"parent": "slot-hat",
"left": 772, "top": 170,
"text": "Hat",
"fontColor": "#c8d8f0", "fontSize": 11
},
"slot-goggles": {
"type": "Rectangle",
"parent": "tab-content",
"left": 826, "top": 164, "width": 76, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-goggles-label": {
"type": "Text",
"parent": "slot-goggles",
"left": 834, "top": 170,
"text": "Goggles",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-mask": {
"type": "Rectangle",
"parent": "tab-content",
"left": 908, "top": 164, "width": 64, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-mask-label": {
"type": "Text",
"parent": "slot-mask",
"left": 920, "top": 170,
"text": "Mask",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-backpack": {
"type": "Rectangle",
"parent": "tab-content",
"left": 978, "top": 164, "width": 80, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-backpack-label": {
"type": "Text",
"parent": "slot-backpack",
"left": 984, "top": 170,
"text": "Backpack",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-belt": {
"type": "Rectangle",
"parent": "tab-content",
"left": 756, "top": 198, "width": 60, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-belt-label": {
"type": "Text",
"parent": "slot-belt",
"left": 768, "top": 204,
"text": "Belt",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-wrist-l": {
"type": "Rectangle",
"parent": "tab-content",
"left": 822, "top": 198, "width": 72, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-wrist-l-label": {
"type": "Text",
"parent": "slot-wrist-l",
"left": 830, "top": 204,
"text": "Wrist L",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-wrist-r": {
"type": "Rectangle",
"parent": "tab-content",
"left": 900, "top": 198, "width": 72, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-wrist-r-label": {
"type": "Text",
"parent": "slot-wrist-r",
"left": 908, "top": 204,
"text": "Wrist R",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-earring-l": {
"type": "Rectangle",
"parent": "tab-content",
"left": 756, "top": 232, "width": 76, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-earring-l-label": {
"type": "Text",
"parent": "slot-earring-l",
"left": 762, "top": 238,
"text": "Earring L",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-earring-r": {
"type": "Rectangle",
"parent": "tab-content",
"left": 838, "top": 232, "width": 76, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-earring-r-label": {
"type": "Text",
"parent": "slot-earring-r",
"left": 844, "top": 238,
"text": "Earring R",
"fontColor": "#c8d0e0", "fontSize": 11
},
"slot-necklace": {
"type": "Rectangle",
"parent": "tab-content",
"left": 920, "top": 232, "width": 80, "height": 28,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"slot-necklace-label": {
"type": "Text",
"parent": "slot-necklace",
"left": 926, "top": 238,
"text": "Necklace",
"fontColor": "#c8d0e0", "fontSize": 11
},
"items-label": {
"type": "Text",
"parent": "tab-content",
"left": 756, "top": 274,
"text": "HATS",
"fontColor": "#c8d0e0", "fontSize": 12
},
"item-1": {
"type": "Rectangle",
"parent": "tab-content",
"left": 756, "top": 292, "width": 104, "height": 90,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"item-1-label": {
"type": "Text",
"parent": "item-1",
"left": 784, "top": 362,
"text": "None",
"fontColor": "#c8d0e0", "fontSize": 10
},
"item-2": {
"type": "Rectangle",
"parent": "tab-content",
"left": 868, "top": 292, "width": 104, "height": 90,
"fillColor": "#3a4050", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"item-2-label": {
"type": "Text",
"parent": "item-2",
"left": 900, "top": 362,
"text": "Cap",
"fontColor": "#c8d8f0", "fontSize": 10
},
"item-3": {
"type": "Rectangle",
"parent": "tab-content",
"left": 980, "top": 292, "width": 104, "height": 90,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"item-3-label": {
"type": "Text",
"parent": "item-3",
"left": 1006, "top": 362,
"text": "Beanie",
"fontColor": "#c8d0e0", "fontSize": 10
},
"item-4": {
"type": "Rectangle",
"parent": "tab-content",
"left": 756, "top": 390, "width": 104, "height": 90,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"item-4-label": {
"type": "Text",
"parent": "item-4",
"left": 784, "top": 460,
"text": "Helmet",
"fontColor": "#c8d0e0", "fontSize": 10
},
"item-5": {
"type": "Rectangle",
"parent": "tab-content",
"left": 868, "top": 390, "width": 104, "height": 90,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"item-5-label": {
"type": "Text",
"parent": "item-5",
"left": 896, "top": 460,
"text": "Hood",
"fontColor": "#c8d0e0", "fontSize": 10
},
"color-dock": {
"type": "Rectangle",
"parent": "tab-content",
"left": 740, "top": 568, "width": 380, "height": 88,
"fillColor": "#1a1e24", "strokeColor": "#333340",
"corners": [0, 0, 8, 8]
},
"color-dock-label": {
"type": "Text",
"parent": "color-dock",
"left": 756, "top": 576,
"text": "ITEM COLOR — Cap",
"fontColor": "#c8d0e0", "fontSize": 11
},
"color-primary-label": {
"type": "Text",
"parent": "color-dock",
"left": 756, "top": 596,
"text": "Primary",
"fontColor": "#555568", "fontSize": 10
},
"color-primary-swatch": {
"type": "Rectangle",
"parent": "color-dock",
"left": 756, "top": 610, "width": 140, "height": 32,
"fillColor": "#6a4040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"color-secondary-label": {
"type": "Text",
"parent": "color-dock",
"left": 916, "top": 596,
"text": "Secondary",
"fontColor": "#555568", "fontSize": 10
},
"color-secondary-swatch": {
"type": "Rectangle",
"parent": "color-dock",
"left": 916, "top": 610, "width": 140, "height": 32,
"fillColor": "#3a4050", "strokeColor": "#333340",
"corners": [4, 4, 4, 4]
},
"footer": {
"type": "Rectangle",
"parent": "bg",
"left": 0, "top": 700, "width": 1140, "height": 80,
"fillColor": "#1a1e24"
},
"btn-back": {
"type": "Rectangle",
"parent": "footer",
"left": 20, "top": 720, "width": 120, "height": 40,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"btn-back-label": {
"type": "Text",
"parent": "btn-back",
"left": 36, "top": 730,
"text": "[ESC] Back",
"fontColor": "#c8d8f0", "fontSize": 13
},
"btn-random": {
"type": "Rectangle",
"parent": "footer",
"left": 290, "top": 720, "width": 160, "height": 40,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"btn-random-label": {
"type": "Text",
"parent": "btn-random",
"left": 310, "top": 730,
"text": "[R] Randomise",
"fontColor": "#c8d8f0", "fontSize": 13
},
"btn-confirm": {
"type": "Rectangle",
"parent": "footer",
"left": 980, "top": 720, "width": 140, "height": 40,
"fillColor": "#2a3040", "strokeColor": "#c8d8f0",
"corners": [4, 4, 4, 4]
},
"btn-confirm-label": {
"type": "Text",
"parent": "btn-confirm",
"left": 998, "top": 730,
"text": "[ENTER] Start",
"fontColor": "#c8d8f0", "fontSize": 13
}
}
}
Reference in New Issue View Git Blame Copy Permalink