Feedback: direction A (light manual) is right; the control block reads as busy; the screen should match the real assembly; the dark option was flat because it had no shadows. Screen — the hardware's actual arrangement: a black circular housing with a small rectangular positive LCD inset (dark text on pale grey-green), status line top and bottom, replacing the ellipse with floating text. Control block — grouped as the device is silkscreened (PATTERN SEQUENCER, SAMPLING, SAMPLE EDIT, BANK), each group a hairline bracket caption over its row, with 10px between the two blocks and 7px between groups instead of three undifferentiated rows. FX buttons are now dark with orange text, as on the unit. Dark mode replaces Blueprint: A's counterpart with filled bodies and hard black offset shadows, the panel lighter than the ground so the shadows read. Blueprint and the current app move to an 'Earlier' page. Room came from trimming the info card 116->88 and the tab bar 58->54, so the panel grows 485->517 and pad rows stay at exactly 44px: 8 + 44 + 8 + 517 + 8 + 88 + 8 + 54 = 735 8 + 38 + 8 + 104 + 10 + 140 + 10 + 191 + 8 = 517 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
49 lines
2.7 KiB
JSON
49 lines
2.7 KiB
JSON
{
|
|
"pages": [
|
|
{ "id": "page-1", "name": "Direction A" },
|
|
{ "id": "page-2", "name": "Earlier" }
|
|
],
|
|
"artboards": [
|
|
{ "file": "Main.dc.html", "x": 0, "y": 0, "w": 360, "h": 735, "title": "A · Explore", "page": "page-1" },
|
|
{ "file": "ManualDrill.dc.html", "x": 440, "y": 0, "w": 360, "h": 735, "title": "A · Drill", "page": "page-1" },
|
|
{ "file": "DarkExplore.dc.html", "x": 880, "y": 0, "w": 360, "h": 735, "title": "A · Dark mode", "page": "page-1" },
|
|
{ "file": "Specimen.dc.html", "x": 0, "y": 855, "w": 880, "h": 640, "title": "Type & colour", "page": "page-1" },
|
|
|
|
{ "file": "Current.dc.html", "x": 0, "y": 0, "w": 360, "h": 735, "title": "Current app", "page": "page-2" },
|
|
{ "file": "BlueprintExplore.dc.html", "x": 440, "y": 0, "w": 360, "h": 735, "title": "B · Blueprint — Explore", "page": "page-2" },
|
|
{ "file": "BlueprintDrill.dc.html", "x": 880, "y": 0, "w": 360, "h": 735, "title": "B · Blueprint — Drill", "page": "page-2" }
|
|
],
|
|
"annotations": [
|
|
{
|
|
"id": "note-a2",
|
|
"x": 0,
|
|
"y": -210,
|
|
"w": 800,
|
|
"text": "DIRECTION A, second pass.\n\nScreen — now the hardware's actual assembly: a black circular housing with a small rectangular positive LCD inset, dark text on pale grey-green, status line top and bottom.\n\nControl block — grouped the way the device is silkscreened (PATTERN SEQUENCER, SAMPLING, SAMPLE EDIT, BANK) with a hairline bracket and real air between groups, instead of three undifferentiated rows.\n\nFX buttons are dark with orange text, as on the unit.\n\nPaid for by trimming the info card 116 to 88 and the tab bar 58 to 54: the panel grows 485 to 517 and pads stay at exactly 44px."
|
|
},
|
|
{
|
|
"id": "note-dark",
|
|
"x": 880,
|
|
"y": -210,
|
|
"w": 360,
|
|
"text": "DARK MODE — A's counterpart, not the old Blueprint.\n\nFilled bodies and hard black offset shadows, with the panel lighter than the ground so the shadows actually read. The LCD stays pale, which is what the real unit does in a dark studio."
|
|
},
|
|
{
|
|
"id": "note-spec",
|
|
"x": 960,
|
|
"y": 855,
|
|
"w": 420,
|
|
"text": "Still open: which typeface, and which orange.\n\nThe mockups use Space Grotesk + Space Mono and TE's FF4A00. Pad numbers are grey rather than the device's orange, so that orange means exactly one thing in the app: this control is live."
|
|
},
|
|
{
|
|
"id": "note-earlier",
|
|
"x": 0,
|
|
"y": -150,
|
|
"w": 800,
|
|
"page": "page-2",
|
|
"text": "Superseded, kept for reference: the current app, and the first Blueprint pass — white outlines on black with no shadows, which is the version that read as flat."
|
|
}
|
|
],
|
|
"launch": { "view": "canvas", "page": "page-1" }
|
|
}
|