These controls are designed to be felt before they are understood: dials that turn with weight, switches that settle into place, buttons that press into their sockets, and displays that make state visible.
Every element below is a working interaction study. Change its state, test its keyboard behavior, and reveal the implementation when you want to inspect the pattern behind the surface.
Portable by design. No hosted design service is required. The controls are self-contained, accessible, and ready to adapt.
Signal accent:
Inspect the construction
Enochian Code Toggle · Show or hide implementation codeShow code / VISIBLE
Enochian Code Toggle turns the atlas from a visual catalogue into a practical reference. Switch it on to reveal a copyable implementation fragment beneath every control.
Show code
pointer or keyboard · Space / Enter · every revealed pattern is copyable
Value controls
Enochian Rotary Knob 01 · Bar position marker5% · CONTINUOUS · 80%
A dark, high-contrast dial with a signal-colored position marker. Use it when a value control should feel substantial and remain legible at a glance.
5% · MIN / HIGH presets below
drag ↕ · ←/→ keys · Home/End
Enochian Rotary Knob 02 · Dot position marker0–100%
The same value model in a quieter finish. A single signal dot marks the current position without adding visual weight.
For ordered choices where landing between values would be meaningless. Select the number of detents and the dial redraws its scale while preserving an explicit position.
The Enochian Stepped Knob's fixed-choice logic in a compact horizontal form. One active marker glides between options so a change in state never feels like a teleport.
Option 3 of 5
the sliding pill glides on one spring — same pattern as CALM/PRESSURE
Enochian Toggle Bank 01 · Three vertical switches; foundation designUP = ON
Three binary decisions in one visible instrument. Each column moves independently while the readout exposes the complete configuration.
OFF – OFF – OFF
three test presets · drag ↕ · click · Space / Enter · arrow keys
Playback and time
Enochian Radio Player · Power, playback, and volumeOFFLINE / ENOCHIAN
Playback treated as a physical object. The grill, power control, signal LEDs, and volume dial each carry part of the state.
OFFLINE
17:40 Sep 11
EnochianRECEIVER
OFF
power click also starts a soft WebAudio static bed · knob = gain + meter
Enochian Clock · Analog face and digital timeIDENTITY × 3
A readable analog face with live digital time. The signal-colored second hand and arc make time visible without competing with the primary hands.
NOT PLAYING
--:--:--
Enochian sigil
live time · cinnabar arc = seconds · ←/→ changes identity · speaker toggles playback
Duration made legible through three synchronized signals: a digital readout, an increasing elapsed-time arc, and a remaining-time subdial.
Enochian
01:00.0
READY · 60 SECOND TEST
top-left starts/stops · top-right resets · cinnabar arc increases with elapsed time · upper subdial tracks remaining minutes
Enochian 90 Second Timer · Single, repeated, or looped intervals90 SEC · ONCE / ×4 / LOOP
The Enochian Countdown Timer on a 90-second face. One sweep of the red hand is the whole interval, so the hand's position tells you the time left without reading the digits. Use it for rest between sets, a 90-second pitch, or the ninety-second rule for letting a feeling pass. Repeat it and the upper subdial counts rounds. The last three seconds tick so you don't need to look.
Enochian
01:30.0
READY · 90 SECONDS
top-left starts/stops · top-right resets · one sweep of the red hand = 90 seconds · upper subdial counts rounds · soft ticks in the last three seconds
Enochian Pomodoro Timer · Focus and break cycles25 + 5 · 50 + 10 · LONG BREAK AFTER 4
One whole Pomodoro cycle on one face. The ring is 30 minutes long and the last five minutes are shaded as the break. The red arc fills while you focus and an ink arc continues into the break, so the face shows where you are in the cycle as well as how long is left. The upper subdial fills one dot per completed focus session. After four, a 15-minute long break follows.
Enochian
25:00.0
READY · FOCUS 1 OF 4
top-left starts/pauses · top-right resets the set · bottom-left skips to the next phase · bottom-right AUTO carries on into the next phase · red = focus, ink = break
Trigger controls
Enochian Typing Keyboard · Mechanical text keysPOINTER / KEYBOARD
A compact mechanical board with deep key travel, Cinnabar modifier keys, and the Enochian brandmark. Every key visibly bottoms out when tapped.
READY · tap a key to type
matte concave Cinnabar keys · Ivory / Obsidian typing keys · pointer tap or Space / Enter visibly depresses each key
Enochian Push Button 01 · Press and releasePRESS / RELEASE
A single-purpose actuator with a dished surface, a visible socket, and enough vertical travel to make the press unmistakable.
READY · 0 presses
dished Ivory cap · Cinnabar signal · pointer or Space / Enter · momentary return
Enochian Button Bank 01 · Three buttons; momentary or latchMOMENTARY / LATCH
Three arcade-style controls with a physical press, visible socket, and immediate signal response. Use momentary behavior for hold actions or latch behavior for persistent state.