Kit parts · Tactile UI docs

Accordions

1 part

Tariff

Three rates a day.

Reserve

—

Accordion

Printed sections that open in place. Each head ends in a small square key printed +; open, the key latches below the plate and reads −.

Also filed here: FAQ Index.

AI chats

1 part

Assistant · printing

Studio A is free from 15:00.

Ask anything

An AI chat as a teleprinter, with restraint: what you type sits in a recess; the answer prints on a perforated slip with an amber lamp at the print head; code comes up on display glass. Composer with attachments and a send key that becomes Stop.

Also filed here: Receipt Printer.

Alerts

1 part

Check

Disk 82% full.

Alert

A message let into the surface, with an annunciator: a small lit legend (Note, Done, Check, Fault) beside the words that say what happened.

Also filed here: Annunciator.

Avatars

3 parts

AO

TRMH

+4

Avatar

A person’s mark, struck like a coin: initials stamped into the field, or a photo set under the rim, with a status lamp mounted at five o’clock. Stacks into a group with a count.

Ada OkaforSound engineer

Profile card

A person’s ID plate: their coin set in a countersunk socket, name and role, a rating plate of facts engraved in tabular figures, and one key to act. Compact for one line.

Ada Okafor

Platform engineer

Serial: LD-0417-2291

Online

ID plate

A staff badge for a person. An engraved metal plate with a clip slot cut through its top edge, a photo well and the name, role and serial engraved beneath. With no photo, the initials are debossed into the well. A lamp shows whether they are online, away or offline, and the word is always printed beside it. A compact plate does the same in one line, for lists.

Badges & tags

4 parts

HTTPMost teams

Tag

A small printed plate: a type, a count, a badge. Solid for the one tag that must stand out.

OnlineIn review

Status

A lamp with words: the state line in tables, panel heads and lists. The words carry the meaning; the lamp is the glance.

Lamp

The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing, blue is linked, white is standing by. Always next to words.

Tag input

A text input that turns what you type into printed tags. Enter or a comma sets one down in the well; each tag is a key that takes itself away, and every change is spoken.

Buttons

4 parts

Key

Every button, and every link that acts like one: a cap on a skirt that drops below the plate when pressed.

Icon key

A key with an icon and no words, square or round: transport, power, the small tools. Its aria-label names it; a tip shows the name.

Commit key

A key for work that takes time and must not run twice. It latches below the plate while the work runs, an LED matrix in its face scanning amber, and says how it ended.

CtrlShiftPEscSpace

Kbd

The key to press, drawn as the key: a small cap on a skirt with a dish worked into its top. Shortcuts come as combos and follow the platform, so ⌘ K on a Mac is Ctrl K elsewhere.

Calendars & date pickers

2 parts

September2026

14

15

16

17

18

19

20

Calendar

A month on a plate. The month and year sit on two drums behind a window and roll when you page; the chosen day is a latched cap, a range is a groove cut between two caps, and events are lamps named in the line below.

28 Sept 2026

24

25

26

27

28

29

30

Date picker

A date field with its calendar card in a slot underneath: type a date in any common form for your locale, or press the key and the card slides out. Single dates and ranges; shown the Intl way, posted as ISO.

Also filed here: Ring-bound Notebook.

Cards & panels

6 parts

Output

Panel

A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.

Tray

A recess cut into the plate that holds other parts: keys, a selector, an empty state waiting for its first thing.

Grille and cloth

Perforated metal and speaker cloth, for the place where a real device would breathe or sound.

Ada OkaforSound engineer

Profile card

A person’s ID plate: their coin set in a countersunk socket, name and role, a rating plate of facts engraved in tabular figures, and one key to act. Compact for one line.

Ada Okafor

Platform engineer

Serial: LD-0417-2291

Online

ID plate

A staff badge for a person. An engraved metal plate with a clip slot cut through its top edge, a photo well and the name, role and serial engraved beneath. With no photo, the initials are debossed into the well. A lamp shows whether they are online, away or offline, and the word is always printed beside it. A compact plate does the same in one line, for lists.

Mara Voss

Hover card

A preview that hangs from a link when the pointer rests on it or the keyboard reaches it. The popover’s card and leader, opened by a short delay and put away by leaving.

Carousels

2 parts

02/04

Carousel

Slides seen one at a time through a viewer’s gate: transport keys either side of a frame counter on an LCD, lamp keys to jump, swipe on touch. Nothing moves on its own unless you ask it to.

Film strip

A carousel as a strip of film in a machined viewer. The frames run behind a gate lit from behind, with sprocket holes along both edges, and the frames either side wait under a smoked cover. It moves a frame at a time and settles as each one registers. Turn the thumbwheel, press the keys or swipe the film itself: underneath it is a native scroller with a snap point at every frame.

Charts

8 parts

LED bar chart

A bar chart built like a studio meter bridge: columns of LED segments behind a smoked window, green then amber then red, with a peak segment that lingers and a lit readout for the exact value.

Needle gauge

A moving-coil panel meter: a printed scale under glass, a thin needle that swings past the mark and settles, a lamp for the bands and a small LCD for the exact reading.

Ring meter

The kit’s donut chart as an instrument: a ring of lamps behind dark glass in a spun bezel, lit clockwise from twelve like a studio clock’s seconds, with the value in lit digits in the middle.

Chart recorder

A strip-chart recorder: gridded paper advancing under a pen that rides a rail, drawing the live value as the paper moves and printing the time in the margin. For p95 latency, tokens per second, grid frequency, a cold room’s log.

Lamp heatmap

A heatmap as a matrix of small panel lamps set into the plate: each lamp’s brightness is the value, off to full in four steps, with a printed legend. Deploys per day over a year, incidents by hour of the week, energy by the hour.

LED matrix

A dot-matrix display of round LEDs behind smoked acrylic, each with its own bloom and a short warm-up and fade. Status words in a 5×7 face drawn for it, a sparkline, bars, a few icons: “DEPLOY OK”, tokens per second, queue depth.

Plot

Line charts drawn as light on glass, or as ink on a panel: gridlines faint, two traces at most, a red line for now.

Glass

Dark display glass for plots and live readouts, whatever the finish around it. Everything printed inside it is lit.

Also filed here: Phosphor Scope.

Checkboxes

2 parts

Check

An option in a form: a small square key that presses below the plate when chosen, with a tick printed on it.

Cockpit
- Fuel
- Flaps

Checklist

The kit’s check keys in nested groups. A group’s key is the sum of its items: all done, none, or some, and some is a key sunk halfway with a bar across it. The head counts the items, “3 of 7”, and its lamp lights when they are all done.

Dialogs

3 parts

Confirm

Erase reel 3?

KeepErase

Dialog

A decision that must be made now: a native dialog with a question, one sentence of consequence, a way back and the act.

2 matches

Command palette

Every action and page behind one key: a modal plate whose entry line is a lit display, with the results printed below and the chosen one pressed in.

Filters

Drawer

A panel that slides in from any edge of the window, on the native dialog. A face plate bolted to the frame, with a machined grip let into its inner edge to pull it shut by.

Dropdowns & menus

2 parts

Context menu

The menu’s own card, opened where you pointed: by right-click, by a long press on a touch screen, or from the keyboard with Shift F10 or the Menu key. The thing it opened on stays sunk while it is out.

Empty states

2 parts

No circuits yet

Empty state

What a view shows before it has anything: an empty tray with the outline of what goes in it printed on its floor, one sentence and one key.

No signing keys yet

Issue one and it is listed here.

Empty tray

An empty state drawn as an empty machined tray. The shape of what goes in it, a file, a key or a card, is cut into its floor the way a case is cut for the thing it carries. Under it: what is missing, one line on why, a key that fills it and, if you like, a link to read more. It is markup and nothing else.

File trees

2 parts

parts

calendar.mjs

carousel.mjs

File tree

Folders and files as a real tree, printed like a wiring diagram: traces with an elbow into every item, chevrons that turn, and the chosen file set in a recess with its lamp lit. Written as a plain nested list.

runbooks2 files
- canary.md6 KB
- disk-full.md3 KB
releases1 file
- 4.2.md

Drawer index

A file tree as a card-index cabinet. Folders are drawers, each with a label holder and a cup pull; open one and it slides out with its files standing in it as index cards, each showing its top edge over the card behind. A folder inside a drawer is a divider with a tab. It is a real tree for the keyboard and for a screen reader, drawn from data by one function.

File uploads

1 part

Drop files here

Choose files

Ready0 files

Drop zone

An in-tray for files. A machined lip stands round a ribbed floor; the floor rises a little when a file is dragged over it, and a lamp on the lip lights. What goes in lands in the tray as a sheet of paper and is listed as printed rows, a refusal says why, and the key inside the tray is a real file input.

Also filed here: Upload Vessel.

Forms

8 parts

Project

Field

Text entry in a recess, the label printed above it, and a hint that says how to fix an error.

Combo

One field with its one action in a shared well: subscribe, search, add.

Stepper

A small integer with − and + keys either side, in one well.

Continue with Google Continue with GitHub

or with email

Sign in

Sign-in

Sign in and sign up on one plate: Google and GitHub keys with their marks stamped in monochrome, an email route underneath, a two-way selector that re-prints the plate, and errors that say how to fix them.

Temperature

Scrub field

A number you can type or drag, the way a pro tool’s value field works: an engraved ruler under the numerals slides beneath a fixed index as the value moves.

Tumbler lock

A PIN or one-time code dialled into a combination lock: number wheels behind a slot in the plate, turning on detents. Right, a locking bar drops into their notches; wrong, they spin back to blank.

No limit

Log pad

A writing pad that is still a real textarea. A sheet of ruled paper is set into a machined frame, and the rules move with the words. A small LCD in the foot counts characters or words: it lights amber near the limit and red over it, and the limit is said once, in words, when it is crossed. The pad grows with the text up to a height you choose.

SilentDigestPush

Cloth selector

A mode switch made of cloth. A row of tiles covered in stretched fabric stands in a machined tray, each with an icon and a word pressed into it. The chosen tile sits a touch lower and a lamp behind it lights its icon and word through the weave. Choose another and the first lamp fades down as the next comes up. Underneath it is a group of native radios, so it posts one value without any script.

Also filed here: Dispatch.

Icons

2 parts

Icons

The kit’s glyphs as one set: drawn on a 16 grid with a 1.6 line, round ends, in currentColor, so an icon prints in whatever ink it sits in, in either finish.

Icon key

A key with an icon and no words, square or round: transport, power, the small tools. Its aria-label names it; a tip shows the name.

Inputs

8 parts

Project

Field

Text entry in a recess, the label printed above it, and a hint that says how to fix an error.

Combo

One field with its one action in a shared well: subscribe, search, add.

28 Sept 2026

24

25

26

27

28

29

30

Date picker

A date field with its calendar card in a slot underneath: type a date in any common form for your locale, or press the key and the card slides out. Single dates and ranges; shown the Intl way, posted as ISO.

Temperature

Scrub field

A number you can type or drag, the way a pro tool’s value field works: an engraved ruler under the numerals slides beneath a fixed index as the value moves.

Tumbler lock

A PIN or one-time code dialled into a combination lock: number wheels behind a slot in the plate, turning on detents. Right, a locking bar drops into their notches; wrong, they spin back to blank.

Tag input

A text input that turns what you type into printed tags. Enter or a comma sets one down in the well; each tag is a key that takes itself away, and every change is spoken.

Drop files here

Choose files

Ready0 files

Drop zone

An in-tray for files. A machined lip stands round a ribbed floor; the floor rises a little when a file is dragged over it, and a lamp on the lip lights. What goes in lands in the tray as a sheet of paper and is listed as printed rows, a refusal says why, and the key inside the tray is a real file input.

No limit

Log pad

A writing pad that is still a real textarea. A sheet of ruled paper is set into a machined frame, and the rules move with the words. A small LCD in the foot counts characters or words: it lights amber near the limit and red over it, and the limit is said once, in words, when it is crossed. The pad grows with the text up to a height you choose.

Also filed here: Compass.

Knobs

2 parts

Knob

A rotary control for continuous or stepped values where space is square. Its knurl and pointer turn; its light does not.

Account, done
Workspace, current step
Invite, locked
Done, locked

Setup dial

Onboarding as the program dial of an appliance on its first run. Each step is a detent on a rotary dial, its number and name engraved round it, and the panel beside it shows that step’s few fields. A step that is done lights a green lamp by its mark, and the one you are on an amber one. The dial turns back freely, and forward only as far as the first step not yet done.

Also filed here: Detent Dial, Compass, Chladni Plate.

Lists

3 parts

IntroPiano, room mics1:12
LodeFull band4:05
Night reelVocal and tape3:42

List

Rows in a rack: a mark, a title, a second line and a fact or a key at the end. Chosen rows sink into a recess with their check key latched; in a running order, a row lifts out of the rack on its skirt and slides past the others, from the keyboard or by its grip.

Billing
Team
Security

Sortable list

Plates in a rack that you reorder. Each has a knurled handle: drag it and the plate lifts off the rack on a shadow while the others slide aside, or pick it up from the keyboard and walk it up and down. Every step is spoken.

Ada Okafor

Platform engineer

Serial: LD-0417-2291

Online

ID plate

A staff badge for a person. An engraved metal plate with a clip slot cut through its top edge, a photo well and the name, role and serial engraved beneath. With no photo, the initials are debossed into the well. A lamp shows whether they are online, away or offline, and the word is always printed beside it. A compact plate does the same in one line, for lists.

Loaders

2 parts

Lamp

The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing, blue is linked, white is standing by. Always next to words.

Commit key

A key for work that takes time and must not run twice. It latches below the plate while the work runs, an LED matrix in its face scanning amber, and says how it ended.

Also filed here: Processing State, Shutter Preloader, Warm-up.

7 parts

Quiet

Bar

The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.

Side rail

App navigation in a panel: the current page is a recess with its lamp lit. The rail on the left of this page is one.

Icon rail

A narrow sidebar of icon keys, using the kit’s own icons. A lamp beside the current one is lit, a label shows as a tooltip on hover and on focus, and a key at the foot opens the rail out so every label is printed beside its icon. It remembers which way you left it.

Tabs

Views of the same thing, switched in place: keys in a tray, the chosen view a raised cap.

Pagination

Pages for tables and lists: numbered keys in a tray with the current page latched down, seven slots so the row never changes width. Compact, it is a transport with a track counter.

Page wheel

Pagination as a thumbwheel. A knurled wheel stands in a recess with a window in its face, and the page number rolls past it on a paper tape. A key either side steps by one. The keys are plain links, so it pages without any script; the wheel is what a script adds.

Read the returns policy before you send it back, or download the manual.

Link

Printed type that goes somewhere. The words stay in ink and the rule under them is engraved into the plate: cut darker when you hover, deeper when you press.

Also filed here: Rail.

Notifications

3 parts

Notifications

A key with a counter window in its cap, and a card of messages hung from it. Each unread message has its lamp lit; reading it puts the lamp out and the counter steps down.

Check

Disk 82% full.

Alert

A message let into the surface, with an annunciator: a small lit legend (Note, Done, Check, Fault) beside the words that say what happened.

No.042

Signing key revoked.

Ticket toast

A toast issued like a numbered ticket from a dispenser. A short slip of thermal paper with a number, a line of words and, if it needs one, an action key slides out of a slot at the edge of the screen. Several fan a little. Tear one off with a swipe or its close key, or leave it and it retracts by itself, on a timer that stops while you are reading it.

Numbers

4 parts

Latency p95182ms

Readout

A printed label over a value: key figures, with the unit small and the change in words.

02:52min

LCD

A value that changes, on grey-green liquid crystal, with a ghost of the unlit segments behind it: clocks, battery, counters.

96.4MHz

VFD

A vacuum-fluorescent display: cyan-white light on near-black glass, with a glow and a ghost. Frequencies, levels, status screens.

Temperature

Scrub field

A number you can type or drag, the way a pro tool’s value field works: an engraved ruler under the numerals slides beneath a fixed index as the value moves.

Also filed here: Odometer.

Onboarding

2 parts

Hubdone
Meterdone
Tariffcurrent step
Batteryto do

Onboarding

Setting something up: stations along a groove (done ones with their lamp lit, the current one a raised cap) and a checklist of check keys with a progress slot.

Account, done
Workspace, current step
Invite, locked
Done, locked

Setup dial

Onboarding as the program dial of an appliance on its first run. Each step is a detent on a rotary dial, its number and name engraved round it, and the panel beside it shows that step’s few fields. A step that is done lights a green lamp by its mark, and the one you are on an amber one. The dial turns back freely, and forward only as far as the first step not yet done.

Paginations

2 parts

Pagination

Pages for tables and lists: numbered keys in a tray with the current page latched down, seven slots so the row never changes width. Compact, it is a transport with a track counter.

Page wheel

Pagination as a thumbwheel. A knurled wheel stands in a recess with a window in its face, and the page number rolls past it on a paper tape. A key either side steps by one. The keys are plain links, so it pages without any script; the wheel is what a script adds.

Popovers

3 parts

Popover

A card hung from the key that opened it, with a printed leader running back to the key. Not modal: the page stays live around it.

Hover card

A preview that hangs from a link when the pointer rests on it or the keyboard reaches it. The popover’s card and leader, opened by a short delay and put away by leaving.

Profile cards

2 parts

Ada OkaforSound engineer

Profile card

A person’s ID plate: their coin set in a countersunk socket, name and role, a rating plate of facts engraved in tabular figures, and one key to act. Compact for one line.

Ada Okafor

Platform engineer

Serial: LD-0417-2291

Online

ID plate

A staff badge for a person. An engraved metal plate with a clip slot cut through its top edge, a photo well and the name, role and serial engraved beneath. With no photo, the initials are debossed into the well. A lamp shows whether they are online, away or offline, and the word is always printed beside it. A compact plate does the same in one line, for lists.

Progress

3 parts

Progress

Progress through a task: ink filling a groove, never a coloured bar.

Ring meter

The kit’s donut chart as an instrument: a ring of lamps behind dark glass in a spun bezel, lit clockwise from twelve like a studio clock’s seconds, with the value in lit digits in the middle.

Ladder

An LED ladder for levels and load: green, then amber, then red, the way a recording level has always been read.

Also filed here: Vessel, Cassette, Reading Progress.

Radio groups

4 parts

Radio

One choice from a short list in a form: small round keys in a fieldset, the chosen one pressed with a printed dot.

FMAMLW

Selector

One mode of two to five: latching keys in a tray, one down at a time, each with a lamp that lights when chosen.

DayWeekMonthYear

Segmented control

A row of keys in a tray with one pressed down: pick a view, a range or a mode and it applies at once. It is the kit’s selector without the lamps, with sizes, a full-width row and icon segments.

SilentDigestPush

Cloth selector

A mode switch made of cloth. A row of tiles covered in stretched fabric stands in a machined tray, each with an icon and a word pressed into it. The chosen tile sits a touch lower and a lamp behind it lights its icon and word through the weave. Choose another and the first lamp fades down as the next comes up. Underneath it is a group of native radios, so it posts one value without any script.

Receipts & tickets

1 part

No.042

Signing key revoked.

Ticket toast

A toast issued like a numbered ticket from a dispenser. A short slip of thermal paper with a number, a line of words and, if it needs one, an action key slides out of a slot at the edge of the screen. Several fan a little. Tear one off with a swipe or its close key, or leave it and it retracts by itself, on a timer that stops while you are reading it.

Also filed here: Receipt Printer, Dispatch.

Scroll areas

3 parts

HubReserve raised to 20%
Meter 2291Missed three readings
HubMeter 2291 is back
BatteryFull at 13.4 kWh
GridExporting 2.1 kW at 15p
CarBoost charge started

Scroll area

A region that scrolls, with its scrollbar made as a machined rail: a groove cut into the plate and a thumb like a fader cap riding in it. Scrolling itself is the browser’s own.

4.2.1

Fixes the slow query on db-2 that took the first canary out. p95 is back under 200 ms.

4.2

Canary gates can hold on errors as well as latency. The deploy board shows every region on one line.

Signing keys can be revoked from the console.
The audit log exports to cold storage every night.

4.1

Release notes go to the team by email when a release is live everywhere.

Loupe scroll

A scroll area whose scrollbar is a map of what it holds. A narrow machined rail runs beside the text with every line drawn small on its floor, headings darker and code as a box. A glass loupe rides over the part in view and shows it a little magnified. Drag the loupe to scroll, or press the rail to jump there; underneath it is a native scroll container.

On this page

When this runs
First five minutes
Find the cause
Ship the fix
Afterwards

Page loupe

A map of the whole page, for the corner beside it. A machined groove holds the page drawn small, a glass loupe rides over the part in the window, and the page’s section headings are printed beside the groove at their own height, the one you are reading lit. Drag the loupe or press the groove to move; the headings are links.

Search bars

2 parts

Combo

One field with its one action in a shared well: subscribe, search, add.

2 matches

Command palette

Every action and page behind one key: a modal plate whose entry line is a lit display, with the results printed below and the chosen one pressed in.

Selects

2 parts

Sample rate

Select

A choice from a longer list, in the same recess as a field, with a printed chevron. The browser’s own menu opens it.

Combo

One field with its one action in a shared well: subscribe, search, add.

Sidebars

2 parts

Side rail

App navigation in a panel: the current page is a recess with its lamp lit. The rail on the left of this page is one.

Icon rail

A narrow sidebar of icon keys, using the kit’s own icons. A lamp beside the current one is lit, a label shows as a tooltip on hover and on focus, and a key at the foot opens the rail out so every label is printed beside its icon. It remembers which way you left it.

Sign in & sign up

2 parts

Continue with Google Continue with GitHub

or with email

Sign in

Sign-in

Sign in and sign up on one plate: Google and GitHub keys with their marks stamped in monochrome, an email route underneath, a two-way selector that re-prints the plate, and errors that say how to fix them.

Tumbler lock

A PIN or one-time code dialled into a combination lock: number wheels behind a slot in the plate, turning on detents. Right, a locking bar drops into their notches; wrong, they spin back to blank.

Also filed here: Sign-in · Vault.

Sliders & faders

2 parts

Fader

A continuous value along a line: a native range whose cap rides in a slot cut into the plate, with a printed scale.

Temperature

Scrub field

A number you can type or drag, the way a pro tool’s value field works: an engraved ruler under the numerals slides beneath a fixed index as the value moves.

Also filed here: Cloth Fader, Cassette, Spectroscope, Search Dial.

Spec lists

1 part

Weight: 2.4 kg
Power: 18 W

Spec list

Key and value facts, printed like the plate on the back of a device.

Also filed here: Colophon.

Steppers

3 parts

Stepper

A small integer with − and + keys either side, in one well.

Hubdone
Meterdone
Tariffcurrent step
Batteryto do

Onboarding

Setting something up: stations along a groove (done ones with their lamp lit, the current one a raised cap) and a checklist of check keys with a progress slot.

Account, done
Workspace, current step
Invite, locked
Done, locked

Setup dial

Onboarding as the program dial of an appliance on its first run. Each step is a detent on a rotary dial, its number and name engraved round it, and the panel beside it shows that step’s few fields. A step that is done lights a green lamp by its mark, and the one you are on an amber one. The dial turns back freely, and forward only as far as the first step not yet done.

Tables

1 part

Reel 3	42:10
Mixed	0:30

Table

Rows of data with printed column labels, figures right-aligned in columns, and status in lamps with words.

Also filed here: Departures Board.

Tabs

2 parts

Tabs

Views of the same thing, switched in place: keys in a tray, the chosen view a raised cap.

FMAMLW

Selector

One mode of two to five: latching keys in a tray, one down at a time, each with a lamp that lights when chosen.

Text areas

2 parts

Notes

Text area

Longer text in a deeper recess: notes, messages, descriptions. It grows by its corner handle.

No limit

Log pad

A writing pad that is still a real textarea. A sheet of ruled paper is set into a machined frame, and the rules move with the words. A small LCD in the foot counts characters or words: it lights amber near the limit and red over it, and the limit is said once, in words, when it is crossed. The pad grows with the text up to a height you choose.

Toasts

2 parts

Preset saved.

Toast

A confirmation after an action: a small plate with a lamp and one factual sentence, read out politely, gone in 3.6 seconds.

No.042

Signing key revoked.

Ticket toast

A toast issued like a numbered ticket from a dispenser. A short slip of thermal paper with a number, a line of words and, if it needs one, an action key slides out of a slot at the edge of the screen. Several fan a little. Tear one off with a swipe or its close key, or leave it and it retracts by itself, on a timer that stops while you are reading it.

Toggles & switches

4 parts

Switch

On or off, applied the moment it moves. A native checkbox with a ridged thumb in a slot that lights green when on.

Rocker

A heavier on/off for power, mains and arming: a cap that pivots in a black bezel, printed | and O.

DayWeekMonthYear

Segmented control

A row of keys in a tray with one pressed down: pick a view, a range or a mode and it applies at once. It is the kit’s selector without the lamps, with sizes, a full-width row and icon segments.

SilentDigestPush

Cloth selector

A mode switch made of cloth. A row of tiles covered in stretched fabric stands in a machined tray, each with an icon and a word pressed into it. The chosen tile sits a touch lower and a lamp behind it lights its icon and word through the weave. Choose another and the first lamp fades down as the next comes up. Underneath it is a group of native radios, so it posts one value without any script.

Also filed here: Pull-cord Bulb.

Tooltips

2 parts

Tooltip

A one-line name for an icon key, printed on a small dark plate above it on hover and on keyboard focus.

Mara Voss

Hover card

A preview that hangs from a link when the pointer rests on it or the keyboard reaches it. The popover’s card and leader, opened by a short delay and put away by leaving.

Timelines

1 part

09:31
Build passed
09:58
Canary at 5%
10:24
Rolled back

Timeline

An event log like the roll of a chart recorder. The rail is engraved down the plate and each event is a tick stamped across it, with its time in tabular figures and its words beside it. A lamp on the rail is the only colour, and a marker for the present separates what has happened from what is still to come.

Also filed here: Ring-bound Notebook.