From ae142cdf52f042bebeddf7dd9f9b17b64d347a6a Mon Sep 17 00:00:00 2001 From: ncode Date: Thu, 17 Sep 2026 00:08:15 +0300 Subject: [PATCH] Design canvas, second pass: direction A settled, drawn from the hardware MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- design/canvas/DarkExplore.dc.html | 185 ++++++++++++++++++++++++++++++ design/canvas/Main.dc.html | 160 ++++++++++++++++---------- design/canvas/ManualDrill.dc.html | 154 +++++++++++++++---------- design/canvas/canvas.json | 57 +++++---- 4 files changed, 410 insertions(+), 146 deletions(-) create mode 100644 design/canvas/DarkExplore.dc.html diff --git a/design/canvas/DarkExplore.dc.html b/design/canvas/DarkExplore.dc.html new file mode 100644 index 0000000..f2b535b --- /dev/null +++ b/design/canvas/DarkExplore.dc.html @@ -0,0 +1,185 @@ + + + + + + + + + + + + + +
+ +
+
+ SAMPLE MODE + ▼ +
+
+ NO MODIFIER + 3 +
+
+ +
+ +
+
VOLUME
+
CTRL 1
+
CTRL 2
+
CTRL 3
+
+ +
+
+
FILTER
+DRIVE
RESONATOR
DELAY
+
+
+
+
+
+ SAMPLES MODE +
+
—
+
+ LAYER3 FN +
+
+
+
+
+
ISOLATOR
DJFX
LOOPER
MFX
+
+
+ +
+
+
+
PATTERN SEQUENCER
+
PTN SEL
PTN EDIT
REC SET
+
+
+
SAMPLE EDIT
+
+
START /END
PITCH /SPEED
SKIPBACK
+
VALUE
+
+
+
+ +
+
+
SAMPLING
+
DEL
REC
RESAMPLE
+
+
+
+
+
BPM SYNC
GATE
LOOP
REVERSE
ROLL
+
+
+
+ +
+
+
+
STOP ×4
COPY
INFO
+
+
+
BANK
+
+
A/F
B/G
C/H
D/I
E/J
SHIFT
+
+
+
+
+ +
+
1
+
2
+
3
+
4
+
BUS FX
+
5
+
6
+
7
+
8
+
HOLD
+
9
+
10
+
11
+
12
+
EXT SOURCE
+
13
+
14
+
15
+
16
+
SUB PAD
+
+
+ +
+
+ TOP SCREEN, PADS ORANGE + LIST 3 +
+
+ Hold a button to peek at its layer, tap it to lock, tap again to release. Tap a lit control to read it. +
+
+ +
+
EXPLORE
+
DRILL
+
FIND
+
RULES
+
+
+ + + diff --git a/design/canvas/Main.dc.html b/design/canvas/Main.dc.html index 3f9de36..d205867 100644 --- a/design/canvas/Main.dc.html +++ b/design/canvas/Main.dc.html @@ -12,12 +12,20 @@ body { margin: 0; } a { color: #FF4A00; } a:hover { color: #C43900; } .k { flex:1; min-width:0; display:flex; align-items:center; justify-content:center; text-align:center; - background:#F5F5F2; border:2px solid #111111; color:#111111; font-size:8px; line-height:1.05; - letter-spacing:.03em; padding:2px 1px; box-sizing:border-box; font-weight:500; } - .lit { background:#FF4A00; color:#111111; } - .pad { background:#1B1B1B; border:2px solid #111111; color:#EDEDEB; font-size:9px; } + background:#F5F5F2; border:2px solid #111111; border-radius:3px; color:#111111; font-size:8px; + line-height:1.05; letter-spacing:.03em; padding:2px 1px; box-sizing:border-box; font-weight:500; } + .lit { background:#FF4A00; color:#111111; font-weight:700; } + .pad { background:#1B1B1B; border:2px solid #111111; border-radius:4px; color:#EDEDEB; font-size:9px; } .num { font-family:'Space Mono',monospace; font-size:16px; font-weight:700; color:#6E6E69; } - .row { display:flex; gap:4px; flex:1; } + .fxk { flex:1; display:flex; align-items:center; justify-content:center; text-align:center; + background:#1B1B1B; border:2px solid #111111; border-radius:10px; color:#FF4A00; + font-size:7.5px; font-weight:700; letter-spacing:.04em; line-height:1.05; padding:2px; box-sizing:border-box; } + .cap { font-family:'Space Mono',monospace; font-size:6px; letter-spacing:.11em; color:#6E6E69; white-space:nowrap; } + .rule { flex:1; height:1px; background:#B5B5B0; } + .caprow { height:8px; display:flex; align-items:center; gap:4px; } + .btnrow { height:34px; display:flex; gap:5px; } + .grp { height:42px; display:grid; grid-template-columns:minmax(0,3fr) minmax(0,5fr); gap:10px; } + .col { display:flex; flex-direction:column; } @@ -42,110 +50,142 @@ -
+ display:flex; flex-direction:column;"> -
-
VOLUME
-
CTRL 1
-
CTRL 2
-
CTRL 3
+
+
VOLUME
+
CTRL 1
+
CTRL 2
+
CTRL 3
- -
+ +
-
FILTER +DRIVE
-
RESONATOR
-
DELAY
+
FILTER
+DRIVE
+
RESONATOR
+
DELAY
-
-
SAMPLE MODE
-
—
-
3 functions here
+
+
+
+
+ SAMPLES MODE +
+
—
+
+ LAYER3 FN +
+
+
-
ISOLATOR
-
DJFX LOOPER
-
MFX
+
ISOLATOR
+
DJFX
LOOPER
+
MFX
- -
-
-
PTN SEL
PTN EDIT
REC SET
-
DEL
REC
RESAMPLE
-
STOP ×4
COPY
INFO
+ +
+ +
+
+
PATTERN SEQUENCER
+
PTN SEL
PTN EDIT
REC SET
+
+
+
SAMPLE EDIT
+
+
START /END
PITCH /SPEED
SKIPBACK
+
VALUE
+
+
-
-
-
START /END
PITCH /SPEED
SKIPBACK
-
VALUE
+ +
+
+
SAMPLING
+
DEL
REC
RESAMPLE
-
-
BPM SYNC
GATE
LOOP
REVERSE
ROLL
+
+
+
+
BPM SYNC
GATE
LOOP
REVERSE
ROLL
+
-
-
A/F
B/G
C/H
D/I
E/J
SHIFT
+
+ +
+
+
+
STOP ×4
COPY
INFO
+
+
+
BANK
+
+
A/F
B/G
C/H
D/I
E/J
SHIFT
+
-
+
1
2
3
4
-
BUS FX
+
BUS FX
5
6
7
8
-
HOLD
+
HOLD
9
10
11
12
-
EXT SOURCE
+
EXT SOURCE
13
14
15
16
-
SUB PAD
+
SUB PAD
-
-
+
TOP SCREEN, PADS ORANGE - LIST 3 + LIST 3
Hold a button to peek at its layer, tap it to lock, tap again to release. Tap a lit control to read it.
-
- LAYER - - 3 FUNCTIONS -
-
+
EXPLORE
-
SHIFT + PADS ▼
-
@@ -49,105 +56,130 @@
- -
+ display:flex; flex-direction:column;"> -
-
VOLUME
-
CTRL 1
-
CTRL 2
-
CTRL 3
+
+
VOLUME
+
CTRL 1
+
CTRL 2
+
CTRL 3
-
+
-
FILTER +DRIVE
RESONATOR
DELAY
+
FILTER
+DRIVE
RESONATOR
DELAY
-
-
SAMPLE MODE
-
Fixed velocity
-
CORRECT
+
+
+
+
+ SAMPLEP.24 +
+
Fixed
velocity
+
CORRECT
+
+
-
ISOLATOR
DJFX LOOPER
MFX
+
ISOLATOR
DJFX
LOOPER
MFX
-
-
-
PTN SEL
PTN EDIT
REC SET
-
DEL
REC
RESAMPLE
-
EXIT
COPY
REMAIN
+
+
+
+
PATTERN SEQUENCER
+
PTN SEL
PTN EDIT
REC SET
+
+
+
SAMPLE EDIT
+
+
START /END
PITCH /SPEED
MARK
+
VALUE
+
+
-
-
-
START /END
PITCH /SPEED
MARK
-
VALUE
+ +
+
+
SAMPLING
+
DEL
REC
RESAMPLE
-
-
BPM SYNC
GATE
LOOP
REVERSE
ROLL
+
+
+
+
BPM SYNC
GATE
LOOP
REVERSE
ROLL
+
-
-
A/F
B/G
C/H
D/I
E/J
-
SHIFT
+
+ +
+
+
+
EXIT
COPY
REMAIN
+
+
+
BANK
+
+
A/F
B/G
C/H
D/I
E/J
+
SHIFT
+
-
-
FIX VEL
+
+
FIX VEL
2
3
4
-
BUS FX
+
BUS FX
5
6
7
8
-
HOLD
+
HOLD
9
10
11
12
-
EXT SOURCE
+
EXT SOURCE
13
14
15
16
-
SUB PAD
+
SUB PAD
- -
-
+
CORRECT - P.24 -
-
- SHIFT + SHIFT + - PAD 1 + PAD 1 NEXT →
-
+
Every hit plays at 127. Stored per sample; same combo turns it off.
-
+
EXPLORE