Angels

UI mockups for the health networking platform. Open this file in a browser to view.

Circle View — Home
9:41
●●●● 🔋
Angels
👤
You
S
Sarah
M
Marcus
J
Jade
D
Dad
K
Kai
R
Rachel
How are you feeling today?
1
2
3
4
5
You haven't spoken to Jade in 3 weeks. That's longer than usual for you two.
ⓘ Why this nudge?
Circle
Insights
Plan

The home screen. Faces with warmth glow, not a feed. One-tap check-in. Gentle nudge below. Warm amber = connected, cool slate = drifting, deep indigo = needs attention.

Person Card — Sarah
9:41
●●●● 🔋
← Circle
S
Sarah
Last spoke 2 days ago
Connected · Inner angel
Sleep
Good
Activity
Fair
Mood
Good
💼
Started new job (3 weeks ago)
🎂
Birthday in 4 days
▼ See more detail
Circle
Insights
Plan

Tap a circle member to see their card. Qualitative bars (Good/Fair), not raw numbers. Life context is prominent. Primary actions are communicate, not analyse.

Insights — Your Patterns
9:41
●●●● 🔋
Insights
Wk
This week
Sleep has been better than last week
You averaged 7.2 hours, up from 6.4. Your mood scores are higher too.
MTWTFSS
Pattern spotted
Your mood tends to dip on Sundays
This has happened 5 of the last 6 weeks. Sundays seem to be harder for you.
▼ Tell me more
You've checked in on your circle every week for 2 months straight.
Glucose + Sleep
Late meals affect your sleep
When you eat after 9pm, your glucose stays elevated and your sleep efficiency drops by ~15%. This happened 3 times this week.
Circle
Insights
Plan

Narrative insight cards, not dashboards. Natural language with supporting sparklines. Patterns observed, not diagnosed. Milestones celebrate consistency.

Crisis Mode
9:41
●●●● 🔋

You're not alone.

Your plan is here. You've prepared for this.

S

Call Sarah

Your first contact

📞

Call Dr. Patel

Your therapist

📞

988 / 116 123

Crisis line · Samaritans

📞

What has helped before

Go for a walk, even just around the block
Put on the calming playlist
Hold ice cubes in your hands
Text the group chat — you don't have to explain
Circle
Insights
Plan

Deep navy, not red. Maximum clarity. One action per card. Large tap targets. Coping strategies from the user's own plan. "I'm feeling safer" exits crisis mode. No data, no charts — just people, actions, coping.

Group — Recovery Pod
9:41
●●●● 🔋
← Circle
Running Pod
5 members
Group mood
3.8
A
Alex
"Good week, hit a PB on Saturday!"
P
Priya
"Tired but okay. Work has been intense."
S
Sam
Checked in ✓
M
Mo
Hasn't checked in yet
Y
You
Add your check-in
Alex
Priya
Sam
Mo
You
Circle
Insights
Plan

Group mood is aggregated — no one singled out. Individual check-ins are opt-in visible. Missing check-ins are noted gently (open dot), not flagged. Shared goal progress is visual, not competitive.

Daily Check-In
9:41
●●●● 🔋
How are you
feeling today?
1
2
3
4
5
Skip today
Circle
Insights
Plan

One question. One scale. Optional note. Done. 10 seconds. "Skip today" is always available, never guilt-tripped. Numbers without labels — the user defines what 1-5 means to them.

Angel Alert — Support Nudge
9:41
●●●● 🔋
Angels
👤
Check-in request
Kai might need you
Kai has pre-authorised you to check in. They've been having a difficult few days.
FROM KAI'S PLAN
"Call me. Don't text. Ask me what I need, not what's wrong."
You and Marcus usually catch up every week or so. It's been 12 days.
You and Sarah have been in each other's circle for 2 years today.
Circle
Insights
Plan

When a pre-authorised alert triggers, the angel sees what to do — from the person's own crisis plan. Deep indigo accent for attention without alarm. Clear action, specific guidance.

Angels Design System

Warmth spectrum (no traffic lights). Deep indigo for attention (no red). Narrative insights (no dashboards). 10-second interactions. Crisis features are free, always. Time-in-app is not a KPI.

See DESIGN.md for the full design language specification.