Design Token System

Clear Day — the complete system

Every colour, every typeface, every spacing unit. These are the non-negotiable building blocks. Every screen downstream uses exactly these values.

CALM
#4A8A5A
REMINDER
#8A7040
FAMILY
#3D6A9A
ALERT
#9A5040
HELP
#8A3030
OFFLINE
#5A6060
Display · Libre Baskerville
Safe right now.
Lily is well.
Body · DM Sans
No urgent concerns this morning. Activity appears normal.
Updated just now · 9:41 AM
Family App · 6 State Screens

Every state. Every decision.

Each screen answers one question in under 3 seconds: is everything okay, and do I need to act? Priority order: CALM first (most seen), HELP second (highest stakes).

01 · CALM
9:41●●●
Reflekt
J
L
Lily
📍 Living room
Safe
Safe right now
No urgent concerns. Activity appears normal.
Updated just now
Check in with Lily
💬
📹
Yesterday's summary is ready
View →
⌂
Home
◻
Messages
○
Reminders
◇
Profile
CALM Design Rules
CTA weight: medium — inviting, not urgent
Timestamp: human language ("just now")
1 event row max — lowest priority item
No push notification in this state
02 · REMINDER
11:08●●●
Reflekt
J
L
Lily
📍 Kitchen
Safe
Safe right now
11:00 reminder sent. Not yet confirmed.
Updated a little while ago
See today's reminders
Morning tablets reminder — not yet confirmed
Pending
⌂
Home
◻
Messages
○
Reminders
◇
Profile
REMINDER Design Rules
Main status stays "Safe" — reminder ≠ danger
No "Missed" label — ever
No push notification for this state
CTA leads to reminders list, not emergency
03 · FAMILY
9:41●●●
Reflekt
J
L
Lily
📍 Living room
Message
Safe right now
Lily left you a message this morning.
Updated just now
▶ Play Lily's message
Lily recorded a voice message for you
New ·
⌂
Home
◻
Messages
○
Reminders
◇
Profile
FAMILY Design Rules
Subject is always the senior ("Lily left you…")
Push notification when senior sends a message
No push if senior hasn't replied — never
Same-window: 1 message triggers home, rest go to messages tab
04 · ALERT
2:32●●●
Reflekt
J
L
Lily
📍 Living room
Attention
Needs attention
Possible fall in the living room at 2:30 PM. We're checking in with Lily now.
2:30 PM · exact time
📞 Call Lily directly
System checking in
Luma is asking Lily if she's okay. You'll be notified of her response.
⌂
Home
◻
Messages
○
Reminders
◇
Profile
ALERT Design Rules
Always "Possible" — never "Detected"
3 pieces: what · where · what system is doing
Exact timestamp (not human language)
Immediate push notification
No "Cancel Alert" button
05 · HELP
2:34●●●
Reflekt
J
L
Lily
📍 Living room
Emergency
Emergency response active
Lily triggered a help request at 2:32 PM. We're calling you now.
2:32 PM · exact time
📞 Call Lily Now
Luma is with Lily
Luma is staying present and will notify you of any changes.
⌂
Home
◻
Messages
○
Reminders
◇
Profile
HELP Design Rules
One CTA only: "Call Lily Now" — darkest weight
Persistent push until family confirms
Tell family Luma is present with senior
No competing actions anywhere on screen
Resolved: one-time "Glad this worked out" msg
06 · OFFLINE
10:35●●●
Reflekt
J
L
Lily
Last seen: Living room
Offline
Connection lost
Luma lost connection at 10:28 AM. Last known status: Safe. Local help still available.
10:28 AM · last seen
📞 Call Lily directly
Device connection lost — tap for details
Issue
⌂
Home
◻
Messages
○
Reminders
◇
Profile
OFFLINE Design Rules
Never show "Safe right now" — stale data
Always show last known status + exact time
Confirm if local help still available
CTA bypasses Luma: call directly
Family App · 3 Empty States

When nothing is happening.

Empty states are the most underestimated screens. They appear frequently — and they either build trust or make users feel abandoned. Each one has a purpose and a feeling.

New User · Day 1
9:41●●●
Reflekt
J
🌱
Getting to know Lily.
Luma is settling in. Check back after the first day — you'll start seeing Lily's daily rhythm here.
Record a welcome for Lily
Day 1 of 7
Luma will play your welcome message for Lily today.
⌂
Home
◻
Messages
○
Reminders
◇
Profile
Day 1 Empty State
Don't show a broken dashboard — show a beginning
Give the family member one thing to do
Show progress: "Day 1 of 7" onboarding arc
Messages Tab · No Messages Yet
9:41●●●
Reflekt
J
Messages
💬
The conversation starts here.
When Lily sends a message or you send one to her, it will appear here.
Send Lily a message
⌂
Home
◻
Messages
○
Reminders
◇
Profile
Messages Empty State
Reframe emptiness as potential, not absence
Give one clear next action
Tone: warm invitation, not system message
Nothing New · Quiet Day State (Home screen)
☀
A quiet day.
Lily is having a calm morning. You're up to date. No action needed — you can put your phone down.
"Luma is with her. We'll let you know if anything changes."
Quiet Day · Design Intent
Explicitly give the family member permission to disengage
This reduces anxiety — the product's core job
Appears after family has read all messages and CALM state persists > 4 hours
Luma Senior Screen · 6 States

Always present. Never intrusive.

The Luma screen is ambient. It's seen from across the room, not held in the hand. Large type, minimal information, passive display. All interaction is voice. No buttons. No menus.

01 · CALM
Calm
10:47
Friday · February 27
Good morning, Mary.
I'm here if you need me.
"Just say my name whenever you're ready."
Default state. Warm, still, no urgency. Seen every day.
02 · REMINDER
Reminder
10:55
Friday · February 27
Mary, almost eleven.
Time for your morning tablets.
I'll be right here.
"Say 'done' when you're ready."
Life language, not clinical. Task visible on screen. No buttons.
03 · FAMILY
Message
09:30
Friday · February 27
Good morning, Mary.
Lily left you a message this morning.
Would you like to hear it?
"Say 'yes' or just 'Lily' to listen."
Senior is the one being reached out to. Framing matters.
04 · ALERT
Checking in
14:30
Friday · February 27
Mary, I'm a little worried.
Are you okay?
"Say 'I'm okay' or 'I need help' — or anything at all."
"Alert" never appears on screen. Human language only. ASR accepts any natural response.
05 · HELP
With you
14:32
Friday · February 27
I hear you, Mary.
I'm calling Lily right now.
I'm staying with you.
"Lily is on her way. I'm right here."
Never says "Help is on the way" — only confirms what's certain. Luma stays present.
06 · OFFLINE
Connecting…
10:28
Friday · February 27
Mary, I'm having a little trouble
connecting to the internet right now.
You can still call for help — just say my name.
"Your family has been notified."
Dimmed visually. Confirms local SOS still works. Honest about connection loss.
Luma Screen · Universal Rules
Typography
Display text minimum 48px — readable at 2m distance. No text smaller than 12px on screen. Libre Baskerville italic for greetings, DM Sans for supporting copy.
Interaction
Zero buttons. Zero menus. Passive display only. All interaction via voice. Screen updates silently when state changes.
Forbidden
No clinical terms. No "Alert", "Warning", "Detected". No health data values. No "All is well" (empty promise). No countdown timers. No red/amber warning blocks.
Phase 1 Complete
What comes next.
Phase 2 · Sensory Layer
Sound identity (3 core tones) + motion language (4 principles) + micro-interaction specs.
Phase 3 · Edge Cases
Mishear recovery + false alert handling + extended no-response scenarios. All scripted and designed.
Phase 4 · Generative Layer
Onboarding arc (Day 1→7 visual progression) + Memory Prompt feature + family-initiated connection moments.