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