Brand behaviour · Touch & Selection

Red on the edge, not the fill

No more background flooding. The accent now lives on border + text only. Status circle is confirmed for the door.

Transient touch — tap “Enter”, watch it fade back

Border & text bloom oxblood on contact (~70ms in), then ease back to grey over half a second. You feel the touch; nothing stays loud. Right for any control that’ll be replaced by the next screen.

Enter ← tap me a few times

Persistent selection — which treatment reads best?

When a choice stays chosen, how should it show? Tap the chips in each card to feel it, then pick the treatment to make canonical.

A · Colour-led

DarkPaperSystem

Oxblood border + oxblood text. Clearest, but spends colour on every persistent choice.

B · Weight-led

DarkPaperSystem

Oxblood border, but the label goes bold + white. Colour stays scarcer; weight carries it.

C · Border-weight-led

DarkPaperSystem

Thicker (2px) oxblood border, text stays calm white. Structural, very quiet.

Pick A, B, or C for how selection reads (the chips in each card are live — try them). Once that’s set, I’ll fold both rules into the guide and define the matched Cloudflare Access screen, then move to B · the voice states.