Skip to the page
Tactile UI

Templates

Dashboard · Hearth

A home-energy screen for a house, not an ops room: the headline says what the house is doing, three big readouts, the ground floor drawn as a plan of circuits with their switches and a room gauge, the day on the chart recorder, the battery and tonight’s rules. Loading, no-hub, error and hub-updating states included.

On this page
  1. Anatomy
  2. Usage notes

Anatomy

Bar

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

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.

Readout

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

Status

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

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.

LCD

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

Ladder

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

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.

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.

Switch

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

Tabs

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

Key

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

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.

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.

Knob

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

Skeleton

The shape of a page before its data arrives, drawn as the unprinted plate: blank engraved bars where the words will print. Nothing on it moves. One amber lamp beside “Loading” is the only sign of work.

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.

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.

Usage notes

A slim bar with the address and the finish · a display headline beside three big printed readouts · the floor plan: circuits as trays in a panel, each with a switch, a reading and a lamp, one room with a gauge · the day on a recorder in a panel with period tabs · the battery (LCD, ladder, a knob for the reserve, a selector for the mode) beside tonight’s rules as switches · a key at the foot that shows the other states (?state=).