Turn knobs, play keyboards, mix sound, and explore digital dashboards. 63 working controls, 12 complete device studies, and 6 dashboard and HUD studies for coding agents, VR interfaces, and video production.
Press, latch, and commit. Reach for these when the user starts, holds, or confirms an action.
10 controlsMake on, off, and mode visible. Reach for these when a setting has to read at a glance — in the dark, or across the room.
12 controlsTune continuous and stepped values. Reach for these when a value is chosen, not typed.
10 controlsSearch, move focus, and enter. Reach for these when the surface holds more than one thing.
7 controlsControl duration, transport, and sound. Reach for these when something runs, counts, or plays.
8 controlsRead conditions, levels, and outcomes. Reach for these when the system reports rather than asks.
15 controlsThese 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.
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.
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.
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.
Three binary decisions in one visible instrument. Each column moves independently while the readout exposes the complete configuration.
Playback treated as a physical object. The grill, power control, signal LEDs, and volume dial each carry part of the state.
A readable analog face with live digital time. The signal-colored second hand and arc make time visible without competing with the primary hands.
Duration made legible through three synchronized signals: a digital readout, an increasing elapsed-time arc, and a remaining-time subdial.
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.
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.
A compact mechanical board with deep key travel, Cinnabar modifier keys, and the Enochian brandmark. Every key visibly bottoms out when tapped.
A single-purpose actuator with a dished surface, a visible socket, and enough vertical travel to make the press unmistakable.
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.
Twenty compact controls for direct actions and visible state. Cinnabar carries the signal; Ivory and Obsidian carry the surface.
Each control does one job and shows its state plainly. Every one has an Ivory and an Obsidian finish, spring motion, keyboard access, and a copyable fragment behind the Code.
The same switch as the other sections. Turn it on to show the fragment that makes each control behave.
A search that hides until it's wanted. Tap the ball and it rolls to the far end, laying out the field behind it. Type to filter the compact controls on this page, and press Enter to jump to one. Escape rolls it home and clears the field.
One octave of a pocket synth. Each key is a pill cap set in a square cell, and the accidentals are round caps marked with the signal dot. Hold a key and the note sustains, then fades out when you let go. Several keys can sound at once. Your computer keyboard plays it too once it has focus.
Three latching buttons, told apart by colour. A press seats the cap and lights the lamp above it, and a second press releases it. The red one is kept for the action you most want to notice.
A large domed button in a black socket. A tap is a click, and holding for 600 ms is a second action, so a long press can mean "more". The lamp blinks for a tap and stays lit after a hold.
A signal-red latch with a dished face. Turning it on deepens the dish as the cap seats, and the lamp above confirms the state. Use it for one important on/off, like arming or going live.
Six bubbles that invert when pressed, and a signal dot shows in each one you've popped. Pop all six and the tray flips over, ready to start again. It's a toy, but it's also a checklist where the finish resets itself.
The baseline toggle. A white knob in a sunken track, and the track fills black when the switch is on. Click it, or drag the knob and let it settle on the nearer side.
When this switch is on, the whole switch turns the signal colour, track and knob together. Save it for the one setting whose state should be obvious from across the room.
A toggle with a lamp at each end. The ring on the left lights when the switch is off, and the dot on the right lights in the signal colour when it's on. Exactly one lamp is always lit, so the state reads even when the knob is out of sight.
The IEC power symbols are printed in the track and the knob covers one of them, so the symbol you can see is the current state. "O" shows when the switch is off. When it's on, the knob covers the O and the "I" shows in the signal colour.
A pill-shaped knob that stretches while it moves and settles back into shape when it arrives. The stretch follows the spring's speed, so a quick flick stretches more than a slow drag. A lamp beside the track confirms the state.
The pinching knob on an open rail. Switching on sends it all the way along the line until it covers the lamp at the end. The long throw makes a change feel deliberate, which suits settings people shouldn't flip by accident.
Three tall knobs on thin rails, each with two dimples. Slide a knob up to switch it on and the lamp above lights. Each knob works on its own, and the readout spells out the combination.
A wall plate with three paddles. Each one rocks top-down for on and bottom-down for off, so the light catches it the way it would on a wall. Each locator lamp glows faintly while its light is off so you can find the switch in the dark, and brightens when it's on.
A continuous slider with a ribbed pill thumb on a hairline track. The part of the track behind the thumb fills black, so the value reads from the line alone. Drag anywhere on the track and the thumb follows.
A square cap that moves in eleven steps, clicking into each one. The ticks under the track light up behind the cap, so the setting reads as a count. Use it where values in between would mean nothing.
A signal-coloured thumb with a dimpled grip on a deep channel. The colour says this is the setting that matters, and the dimples show where to hold it. The channel fills with a light tint behind the thumb.
A stove-style knob with a raised bar to grip. A quarter turn clockwise switches it on, and the pointer dot lights in the signal colour. Turning a knob takes more intent than tapping a toggle, which suits things that shouldn't switch on by accident.
A thumbstick with a dished cap. Push it in any direction and it springs back to center when you let go. The signal dot in the field moves at the speed the stick sets, so a light push creeps and a full push races. The readout gives the vector and the nearest of the eight directions.
Three balls at rest on a line. Tap one and it launches, falls under gravity, and loses a third of its speed on each bounce. It squashes on impact, and its shadow tightens as it lands. Each bounce click is quieter than the last.
Small controls have the least room to explain themselves, so each one here carries its state in a single cue: a lamp, a colour, a printed symbol, or the depth of a cap. If you have to read the label to know whether something is on, the control hasn't done its job.
Less, but better, and always legible.
Enochian instruments for the atlas. These come from meters, tuners, turntables, tape decks and macro pads: hardware that shows its state through needles, lamps, key travel and light. Each one is translated into a pattern a web app can use.
Every element follows the atlas rules. Each has an Ivory and an Obsidian finish, one signal accent, spring motion, keyboard access, and a copyable implementation behind the Code.
Enochian Code Toggle reveals a copyable fragment. Turn it on to show a copyable fragment under each instrument below: the part that makes the control behave, not the whole file.
A needle with weight. It rises in about 300 ms and settles with a slight overshoot, so a reading feels physical rather than twitchy. Use it for a level, a load or a quota where the trend matters more than the exact digit. The halo knob sets input gain, and its ring dims when the signal is off.
The Enochian Analog Level Meter signal in discrete form. Segments read faster than a needle when a glance is all the user can spare, which suits quotas, signal strength and progress. Peak hold leaves the highest segment lit for 1.2 s, and the lamp test sweeps every segment so a dead one can't hide.
For values that live around a neutral point: pitch, balance, color temperature, an offset. The fader catches at zero with a click, and the lock lamp lights only at exact center. It drives the Enochian Turntable's speed further down the page.
Several related values on one deck. The link latch gangs the two level faders so they move together and keep their offset, the same pattern as a locked aspect ratio. Presets recall like motorized faders, with each cap arriving 40 ms after the last.
For picking from a range too long to show at once: frequencies, years, zoom levels, a timeline. The needle stays fixed and the printed scale slides behind it. Fling the scale and it glides, then settles on the nearest step. Stations act as magnets, so landing near one locks onto it and lights the tuned lamp.
One instrument that shows the difference between a radio group and a set of checkboxes. In the source column, pressing a cap releases the one that was down, the way a mechanical interlock does. The filter caps latch on their own. Cap color marks identity, and the depth of a cap shows its state.
Independent switches whose state is light. Lamps warm up in 90 ms and fade over 240 ms, the slight lag of a filament. Amber marks an ordinary feature that is on. The signal color is kept for the one state that affects other people, such as going live.
Time as a spinning object. Put a hand on the record to stop and scrub it, and let go to have the motor pull it back up to speed. The strobe dots stand still only at exact speed, so a drift in the Enochian Pitch Slider shows up as slowly creeping dots. The tonearm shows play state and how far through the side you are.
A macro pad for a context-switched toolbar, built in the Enochian Clock's materials. The top keys pick a layer, the second row holds that layer's switches, and the icon keys run its actions. The encoder walks the undo history: turn it left to undo, right to redo. Hold the long key to try the voice-note interaction. This demo records duration only; it does not capture microphone audio.
A state machine you can see. Keys that set a mode stay down, and a lamp above each key shows what is engaged. Record has to be armed and then started with play. When a request isn't possible, the key shakes and the display says what to do instead. Memory stops a rewind at 0000, and the counter shows how far the tape has moved.
A performance surface: tap a pad and it sounds at once. Where you strike sets the velocity, with the center hitting hardest. Press play to run the 16-step pattern, arm rec to add hits in time, and hold repeat to retrigger a pad at the chosen rate. Shift swaps every pad to the function printed in its corner, so the same sixteen keys also set rate, swing, kit and tempo.
An editing console for a video or photo app. The eight faders are tone zones, from zone I (black) to zone VIII (white). Together they draw the curve beside the preview, and the histogram moves as you work. The knobs make broad moves, and the dial scrubs the timeline one frame per detent. Hold before to see the ungraded frame, and use undo and redo to step through every change.
Number entry with Enochian mechanical keycaps. The pad works as a calculator, and the tape keeps the last results. The knob nudges the number on screen up or down by one, or by 0.1 with Shift held. M1–M5 work like radio presets: hold a key to store the number on screen and tap it to recall. A red dot marks a filled slot.
A remote for TV-style navigation, where focus moves between items instead of a pointer. Press the ring to move one step, or swipe the inner surface to glide across the grid. Tap the center to open the focused item. The focused tile lifts and gets a white ring, and at an edge it nudges instead of moving. The rocker raises and lowers volume, and the bar on screen shows the level.
Circular scrolling. Turn a finger around the wheel and the list moves one row per 15° detent, with a clicker sound for each step. The four compass points act as buttons: menu, previous, next and play. Context changes the wheel's job: in a list it scrolls, on the now-playing screen it sets volume, and pressing the center there switches it to scrubbing.
One signal split two ways. A test tone or sweep plays through a woofer and a tweeter, and the crossover decides how much of it each driver gets. The red stitched cone pumps with the low band and the dome under the hex grille shimmers with the high band. Choose page and both drivers follow whatever the atlas is playing, such as the Enochian Drum Machine.
The speakers for the whole atlas. The volume knob is the page's master volume: every click, drum and tone above runs through it, and pressing the knob puts the pair in standby. The cones move with whatever is playing. Tap a cabinet to send a test burst to that side only. Flip the pair to see the rear panel, where you choose the input, the same way settings live on the back of real hardware.
Three inputs that only make sense together, and one result that reports on all of them. Turn the focus ring until the two images in the viewfinder patch line up. Set the shutter speed and aperture until the red meter shows a single dot. Half-press the release to wake the meter, and let go to take the picture. Each frame lands on the contact strip with a verdict: sharp, out of focus, under- or overexposed, or blurred by camera shake. It is the pattern for any form where one action commits several settings at once.
Two angles and the difference between them. Drag inside the dial to turn yourself around, and the needle swings to stay on north, overshooting and settling the way a real needle does. Drag the knurled bezel to set the bearing you want to follow, one 5° click at a time. Bring the red needle into the outlined arrow and you're on course. The mirror lid folds down to protect the dial.
Set a target temperature by turning the ring of ticks around the screen. The ticks between the room's current temperature and the target light up red while heating and blue while cooling, so the screen shows how far there is to go. The four corner keys are the Enochian Clock's: mode, fan, eco and schedule, each with its own lamp.
A sweeping needle and an exact number on one face. The needle shows the trend at a glance and the digits give the reading. Hold the throttle and the car pulls hard at first and then less as speed rises. Release it and drag slows you down. Cruise holds your current speed. Limit caps the throttle and turns the ticks above the limit red.
Three loads on one face: CPU on the outer ring, GPU in the middle and memory inside. A ring turns red above 85%, which is where to look first. The corner keys choose which load gets the large number and detail lines. Load starts a stress test. The bar per core below shows how the work is spread.
A board you can read from across the hall. Every character is a flap that rattles through the alphabet to its new letter, so you can hear a change coming before you read it. Flights move from on time to boarding to gate closing, then depart and the rows roll up. Red is kept for remarks that need action: gate closing, delayed and cancelled.
The flight board turned into a build board. Tasks move from queued to building to testing on their own. A task waits in review until you approve it, and if its checks fail it stays red until you retry. Click a row or press Enter on it to approve, retry or unblock. Shift-click or B blocks a task, and Delete removes it. A shipped task leaves the board like a departed flight.
A push-to-talk control and status light for a voice AI, built on John Dee's Sigillum Dei Aemeth. The seal shows one of four states, so it's always clear whether the channel is off, idle, ready or answering. While you hold to speak, the outline glows ember. When the angel answers, the seal's own lines glow red from the centre outward, following the voice. The fully drawn seal is Dee's 1582 drawing, used as-is and not redrawn: the 40-cell border, the seven-sided bands, the heptagram, and the pentagram with its central cross.
While you hold to speak, the outline glows ember (the Enochian LED Level Meter's lamp colour): the channel is listening to you.
The Enochian Analog Level Meter, recalibrated for a context window. The left needle is the thinking model that orchestrates and the right needle is the lighter model that implements. The scale is compressed like a VU meter, so 400K sits where 0 VU would be, at the start of the red. Past that point the COMPACT lamp lights, which is the time to compact or start a new thread. From 85% it blinks.
The Enochian LED Level Meter, given one row per agent. The orchestrator and the implementer sit on top, with sub-agents below them as they're spawned. Each row's segments show how fast that agent is producing tokens, so a busy row is lit and a stalled row is dark. A red NEEDS OK means a sub-agent is waiting for permission, and clicking the row approves it. Finished sub-agents report back to the orchestrator and leave the ladder.
The Enochian System Monitor case with its rings measuring context instead of load: the thinking model outside, the implementer in the middle and the sub-agents' average inside. Each ring has a notch at 40%. A ring turns amber past the notch, when compacting is advised, and red at 85%. The corner keys choose which one gets the large figure. COMPACT compacts the model shown.
The Enochian Speedometer speedometer, used as a context tachometer. The red needle is the thinking model and the white needle is the implementer. The amber band from 400K is where compacting is advised, and the red band at the top is where the window runs out. The digits give the exact count and the burn rate, which tells you how soon you'll reach the band.
The Enochian System Monitor rings, measuring a subscription instead of a context window. The outer ring is the session limit (a rolling 5-hour window), the middle ring the weekly limit, and the inner ring the separate cap on the premium model. A white notch on the weekly ring shows where even pacing would put you right now. The dashed arc projects your current pace to the reset. The chart answers the real question: at this pace, do you run out before the week resets, or finish with some left?
A needle, a lamp and a key that stays down all do the same job. They show the state without the user having to ask. These instruments make state readable from across the room: what is happening, how much, and what is allowed next.
Read the signal. Set the scale. Run the sequence.
12 complete device studies. Open an instrument to play it, or explore an empty device frame for your own screen content.
25 notes, touch strips, encoders, and chord pads. Optional MIDI output.
Open study →
16 pads, three scenes, and a step sequencer. Optional MIDI output.
Open study →
A playable keyboard, four encoders, and a note-event recorder.
Open study →
Two jog decks, cues, EQ, channel faders, and a crossfader.
Open study →
A woven-grille playback surface with a tactile volume wheel. Generated audio demo.
Open study →
Twin drivers, a carry handle, input selection, and playback controls.
Open study →
Record and replay locally generated demo audio. No microphone capture.
Open study →
Display and mini desktop with an empty 16:9 screen slot.
Open study →
All-in-one computer, slim keyboard, and mouse. Empty 16:9 screen.
Open study →
Laptop frame with an empty 16:10 screen slot.
Open study →
Landscape tablet and stylus with an empty 4:3 screen slot.
Open study →
Phone frame with an empty 9:19.5 screen slot.
Open study →Digital screen layers for coding agents and harnesses, VR applications, and video production. Use them within device frames, or pair them with tactile controls that drive the screen.
6 interactive studies with simulated data: agent activity, build progress, priorities, journeys, production batches, and model/device diagnostics.
Agent activity, token flow, context pressure, and event traces. Enochian, Ivory, and Ivory Glass palettes.
Open dashboard →
Board, hybrid, and field views for following a build. Enochian, Ivory, and Ivory Glass palettes.
Open dashboard →
Priority, difficulty, and journey views for deciding what comes next.
Open dashboard →
A cinematic priority radar, project journey, and batch-processing wall.
Open dashboard →
A ranked queue, editable priority matrix, task actions with undo, and batch review.
Open dashboard →
Four connected screens for model fleets, mission forecasts, operator routes, and device/subagent diagnostics.
Open dashboard →