Clay

The tablet theme

Colors

Tokens from tokens.css, by role

bg
surface
ink
muted
border
action
action-tint
action-ink
on-action
nurse
nurse-tint
nurse-ink
on-nurse

Type

One family: headings in Atkinson Hyperlegible Bold at -0.01em, everything else in Atkinson Hyperlegible

hero: Make a request

display-xl: Make a request

display-lg: Make a request

display: Make a request

heading: Make a request

title: Make a request

lead: Make a request

body: Make a request

Button

Pill buttons; md is the 64px minimum

Icon

GROUP_ICON maps each request group to one of these

  • globe
  • mic
  • check
  • pencil
  • alert
  • sliders
  • close
  • search
  • chevron
  • clock
  • water
  • bathroom
  • comfort
  • move
  • beeping
  • cleaning
  • fix
  • question
  • nurse

AppHeader

Room 412

Tap to request help

ConversationPanel

While talking: the live transcript as bubbles (you on the right, Bell on the left), what Bell did as chips, and the mic status where a chat app has its message box

  1. Bell: Hi, I’m Bell. What do you need?

  2. You: Could someone clean up a spill, and can I have some water?

  3. Bell: Sending someone to clean up the spill, and some water. Anything else?

    • Sent · Clean up a spill
    • Sent · Some water
  4. You: Actually, no water.

  5. Bell: Okay, I cancelled the water.

    • Cancelled · Some water
  6. You: My chest feels tight

  1. You: I need my nurse, my IV hurts.

    • Nurse called

RequestSentCard

In the Make a request panel after a spoken request: the edge drains over 10 s, then it closes as if Looks good was tapped

One request, still listening

Still listeningTo change the request, just talk.

Request sent

  • Extra pillow

Someone is coming.

Two from one sentence

Still listeningTo change the request, just talk.

Request sent

  • Clean up a spill
  • Some water

Someone is coming.

Three, after the session ended

Request sent

  • Clean up a spill
  • Some water
  • Help sitting up

Someone is coming.

RequestPanel

idle, connecting, listening, unavailable (no voice keys)

HelpButton

idle and sending

RequestCard

One per open request on the home screen

StepTrack

Sent · Seen · On the way · Done, and Cancelled

Sent
  1. Sent
  2. Seen
  3. On the way
  4. Done
Seen
  1. Sent
  2. Seen
  3. On the way
  4. Done
On the way
  1. Sent
  2. Seen
  3. On the way
  4. Done
Done
  1. Sent
  2. Seen
  3. On the way
  4. Done
Cancelled

Cancelled

Dialog and Sheet

Open each one; they take this panel's theme

RoomControls

Stepper (Lights, Temperature) and ToggleTile (Blinds, TV)

Lights60%
Temperature70°

LanguagePicker

First run and the Language button: search, Most used, then A to Z (shown in a 1024×768 frame)

Choose your language

Elija su idioma · 选择您的语言 · 언어를 선택하세요 · Escolha o idioma

Most used

All languages, A to Z

EmergencyScreen

Full screen after I need help immediately; no back button

I'm listening

Help is on the way

Your nurse has been alerted.
Tell us what's wrong, if you can.

Night

Kept for later (night-time); not on the tablet yet

Colors

Tokens from tokens.css, by role

bg
surface
ink
muted
border
action
action-tint
action-ink
on-action
nurse
nurse-tint
nurse-ink
on-nurse

Type

One family: headings in Atkinson Hyperlegible Bold at -0.01em, everything else in Atkinson Hyperlegible

hero: Make a request

display-xl: Make a request

display-lg: Make a request

display: Make a request

heading: Make a request

title: Make a request

lead: Make a request

body: Make a request

Button

Pill buttons; md is the 64px minimum

Icon

GROUP_ICON maps each request group to one of these

  • globe
  • mic
  • check
  • pencil
  • alert
  • sliders
  • close
  • search
  • chevron
  • clock
  • water
  • bathroom
  • comfort
  • move
  • beeping
  • cleaning
  • fix
  • question
  • nurse

AppHeader

Room 412

Tap to request help

ConversationPanel

While talking: the live transcript as bubbles (you on the right, Bell on the left), what Bell did as chips, and the mic status where a chat app has its message box

  1. Bell: Hi, I’m Bell. What do you need?

  2. You: Could someone clean up a spill, and can I have some water?

  3. Bell: Sending someone to clean up the spill, and some water. Anything else?

    • Sent · Clean up a spill
    • Sent · Some water
  4. You: Actually, no water.

  5. Bell: Okay, I cancelled the water.

    • Cancelled · Some water
  6. You: My chest feels tight

  1. You: I need my nurse, my IV hurts.

    • Nurse called

RequestSentCard

In the Make a request panel after a spoken request: the edge drains over 10 s, then it closes as if Looks good was tapped

One request, still listening

Still listeningTo change the request, just talk.

Request sent

  • Extra pillow

Someone is coming.

Two from one sentence

Still listeningTo change the request, just talk.

Request sent

  • Clean up a spill
  • Some water

Someone is coming.

Three, after the session ended

Request sent

  • Clean up a spill
  • Some water
  • Help sitting up

Someone is coming.

RequestPanel

idle, connecting, listening, unavailable (no voice keys)

HelpButton

idle and sending

RequestCard

One per open request on the home screen

StepTrack

Sent · Seen · On the way · Done, and Cancelled

Sent
  1. Sent
  2. Seen
  3. On the way
  4. Done
Seen
  1. Sent
  2. Seen
  3. On the way
  4. Done
On the way
  1. Sent
  2. Seen
  3. On the way
  4. Done
Done
  1. Sent
  2. Seen
  3. On the way
  4. Done
Cancelled

Cancelled

Dialog and Sheet

Open each one; they take this panel's theme

RoomControls

Stepper (Lights, Temperature) and ToggleTile (Blinds, TV)

Lights60%
Temperature70°

LanguagePicker

First run and the Language button: search, Most used, then A to Z (shown in a 1024×768 frame)

Choose your language

Elija su idioma · 选择您的语言 · 언어를 선택하세요 · Escolha o idioma

Most used

All languages, A to Z

EmergencyScreen

Full screen after I need help immediately; no back button

I'm listening

Help is on the way

Your nurse has been alerted.
Tell us what's wrong, if you can.