{ "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": -230, "w": 800, "text": "DIRECTION A, third pass.\n\nScreen — the circle no longer encloses the display. A 124px circle sits behind a 168x84 LCD, so it reads only as two 20px caps above and below, with no ring around the rectangle. The display has 2.4x the area, which is enough to be useful: it now names the layer and lists the functions on it (STOP x4 / INFO / SKIPBACK), or the card and verdict when drilling.\n\nLabels — RESAMPLE, REMAIN and REVERSE carry soft hyphens again, as the reference does. They are the only labels with no space in them, so they were the only ones that could not wrap, and RESAMPLE was overflowing its button.\n\nRoom for the bigger screen came from the control rows (-6), knobs (-2), info card (-4) and tab bar (-4). Pad rows are 43px." }, { "id": "note-dark", "x": 880, "y": -230, "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.\n\nThe LCD stays pale in both, which is what the real unit does: it is the one thing in the room that glows." }, { "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" } }