Escalé

Design System · v0.1

Screen 13

Staff · HK Room Status

Screen 13 / HK Room Status

Fifty rooms, one thumb.

5 status colours · band on left edge

Action button per row · context-aware

Tap to expand · 3 quick actions

Scan QR to find a room instantly

Preview · 22 May 2026

10:24

Today · 22 March

Room Status

Floor 2 — 3 · Fatma's wing

8 rooms cleaned

8/12

8 clean

3 dirty

1 in progress

All 12

Dirty 3

In progress 1

Clean 8

Inspected

206

FL 2

Dirty · checkout

Vacated 10:15

Next arrival 16:30

208

FL 2

In progress · 14m

Departure clean

Started 10:10 You

211

FL 2

Clean · ready

Donaldson · 15:00

Cleaned 09:42 Awaits inspect

212

FL 2

Inspected

Markovic · 16:30

By Nada · 09:55

204

FL 2

Occupied · DND

Sayed · Day 2 of 3

Do not disturb until 14:00

305

FL 3

Dirty · stayover

Tanaka · Day 1 of 3

Guest left at 09:30

Guest asked: clean after 14:00

302

FL 3

Out of order

AC repair

Until 24 Mar

A room in one glance.

Housekeeping moves fast — the cart is rolling, the radio is on. The screen has to keep up. It is made to be glanced at, not read.

"The colour of the band tells me everything. Then I read the number."

A colour strip on the edge
Every room card has a coloured strip on the side. You see the status before you even read the number. Yellow means act, green means move on.
One button per card
Each room has just one button — Start, Done, Inspect, Later, or View. The button colour matches the next step.
Tap to see more
A tap opens three quick actions: mark clean, report an issue, add a note. Most of the time, one tap is enough.
Guest details when they matter
"Next arrival 16:30" tells the cleaner how much time they have. A guest name makes the room a person, not a number.
Scan a QR to jump
Scan the door tag and the screen opens that room's card. The fastest way when you are already at the door.
Progress shown at the top
"8 of 12 cleaned" with a bar. Staff can feel how their morning is going.

How a room changes status

A room moves through fixed steps: dirty, in progress, clean, inspected, ready. Each step does something automatically — for example, marking a room clean tells the supervisor to inspect it. The screen only ever offers the next correct step, so no one can pick a wrong status.