← The toolbox

Room-tool icon set

Eight tools(seven when this page was drawn; the Pad joined and shipped in v636 — see toolbox §13), one house look — each icon built from 2–3 shades of a single house colour (the way the die's faces work). Colours are the named house accent tokens in theme.css (--coral · --teal · --green · --gold · --slate · --plum · --rose · --lilac) — the palette the app already uses to categorise things, a per-tool assignment with nothing to do with persona seat colours. Every icon sits bbox-centred in the same 64×64 box. Theme toggle top-right — light / dark / e-ink all work because nothing is hard-coded.

Spin the spinnerspinner · coral
Roll dicedie · rose
Deal cardscard · gold
Sealed depositdeposit · teal
Create pollvote · slate
Pin the boardboard · green
Set a timerclock · plum
Private padpad · lilac
Each icon is 2–3 shades of one tone — the full colour plus lighter blends (color-mix), holding even where shapes overlap (the safe door is a true second shade). Cut-outs (the keyhole, the clock face) drop to the tile so they read as transparent. Seal a note is removed; the private pad joins, leaving eight. Colours are named house accent tokens (not seat colours), assigned per tool: spinner·coral, dice·rose, cards·gold, deposit·teal, poll·slate, board·green, timer·plum, pad·lilac — the 8th slot this page had already reserved. There is no red in the house palette (rose is the closest). The pad has no result bubble, and that is not an omission: it is private, so nothing it holds ever lands in the room. Any shade, colour, or shape is a one-line change.

As an attachment sheet

Not a command list — the tools arranged like a phone attachment menu: one pill per tool with the label beneath, on a bottom-sheet card. This is the shape I'd wire into the room.

Spin the spinner
Roll dice
Deal cards
Sealed deposit
Create poll
Pin the board
Set a timer
Private pad

Attachment sheet — phone (one word per tile)

On a narrow phone the pill is tighter, so a multi-word label wraps or truncates. This version shows a single word per tile. Hover any pill (desktop) to see the button animation — lift + its own colour.

Spinner
Dice
Cards
Deposit
Poll
Board
Timer
Pad

Tool bubbles — every state

The lifecycle of each tool, left → right, on the room's real card classes (room-ui.html). Three possible states, badged in the band: Open (action required — pulsing, keeps its coloured outline), Closed (all inputs taken, sealed and hidden), Revealed (results in — one 3-pulse glow burst on arrival, then it settles; the ✦ badge stays as the resting marker — scroll a revealed card out and back to replay it). spinner · dice · poll go Open → Revealed; deposit and the face-down deal add the sealed Closed middle; board · timer have no reveal, so Open → Closed. Carried across all: hairline rows, accent = icon colour, the corner watermark. The real code is untouched.

Spin the spinner
Spin the spinner8 optionsOpen
mmary set up a spin
Who buys coffee?
8 names — Dan · mary · Bobby · Ana …
Spin the spinnerRevealed
mmary spun the spinner
Who buys coffee?
DpickedDan
Roll dice
Roll dice2d6Open
BBobby set up 2d6
Two dice · 2d6
Roll dice2d6Revealed
BBobby rolled
Two dice · 2d6
BBobby3 + 6 = 9
Create poll
Create pollOpen
mmary’s poll
Where should we eat?
Tacos
Ramen
Pizza
Tap an option — the count appears only after you vote.
Create poll12 votesRevealed
mmary’s poll
Where should we eat?
Tacos7
Ramen4
Pizza1
Deal cards
Deal cards0 / 3 takenOpen
DDan dealt — take yours
🂠 waiting for mary 🂠 waiting for Bobby 🂠 waiting for you
Deal cards3 face-downClosed
DEveryone has a card
🂠 Dan · face down 🂠 mary · face down 🂠 Bobby · face down
All dealt, face-down — waiting to flip.
Deal cardsRevealed
DCards revealed
DDanA♠
mmaryK♥
BBobby7♦
Sealed deposit
🔒Sealed deposit1 / 3 sealedOpen
DDan’s sealed deposit
what’s on your mind?
mYou🔒 It should be simpler.
🔒 Sealed 🔒 Sealed
⏱ reveals when all answer
🔒Sealed deposit3 sealedClosed
DDan’s sealed deposit
what’s on your mind?
🔒 Sealed 🔒 Sealed 🔒 Sealed
all in — sealed, hidden
🔒Sealed deposit3 answeredRevealed
DDan’s sealed deposit
what’s on your mind?
DDanasdfadsfSealed Sat 00:51 · today
mmaryasdfasdfSealed Sat 00:51 · today
BBobbyDhdhdhSealed Sat 00:52 · today
Pin the board
Pin the boardOpen
DDan is writing on the board
Type to pin a note to the board…
Pin the boardClosed
DDan pinned a note
One topic at a time — keep it kind, keep it moving.
Set a timer
Set a timerrunningOpen
BBobby set a 5:00 timer
2:14
Set a timertime’s upClosed
BBobby’s 5:00 timer
0:00

The reveal, as a message · deposit (T11)

When a sealed deposit opens, the answer surfaces as a real message bubble at the stream's now (.msg.seal-msg) — the seal band bleeds to the bubble's top edge, then the question and the row(s). By the creator (left): every answer, each with its author. By a writer (right, their own message): just their answer, rendered bare — the sender head already names them.

D
Dan · host
🔒Sealed deposit revealed3 answered
what’s on your mind?
DDanasdfadsf
mmaryasdfasdf
BBobbyDhdhdh
m
mary
🔒Sealed deposit · my answer
what’s on your mind?
🔒 asdfasdf

Or, all one colour

The mono option — every tool in coral — if you'd rather the set read as one material and let the label carry the meaning.

spinner
dice
cards
deposit
poll
board
timer
pad

At chip-row size (~21px)

How they'd sit in the live tool row — small is the real test of an icon set.

Spin the spinner Roll dice Deal cards Sealed deposit Create poll Pin the board Set a timer pad
mockup · the icon set itself is committedTOOL_ICONS in lib/room-ui.html, all eight)· house palette coral #CC785C on cream #F0EEE6