Skip to content
Twentyfirst UIHalo

Wellbeing

A complete screen built only from kit parts: Ambient, AppShell, AreaChart, BarChart, Button, Checkbox, PageHeader, Panel …

View as Markdown

A wellbeing dashboard in glass: sleep, streak and steps as tinted glass tiles, last nights' sleep, today's goal, mindful minutes, mood and habits, and a journal prompt, over the kit's ambient colours.

  • The whole app shell is glass: top bar, rail, panels, tiles and dock float over Ambient.
  • Built from UIProvider surface="glass", Ambient, AppShell, StatTile, BarChart, ProgressRing, AreaChart, Segmented and Checkbox.

Good morning, Mara

Thursday · You slept 7 h 42 min

7h 42mSleep+18 min
12 daysStreakBest 21
8,240Steps82% of goal

Sleep

Last 7 nights, in hours

059Fri: 6.8FriSat: 8.1SatSun: 7.9SunMon: 6.4MonTue: 7.2TueWed: 7.5WedThu: 7.7Thu

Today's goal

Move, breathe, reflect

Mindful minutes

This week

01020FriSatSunMonTueWedThu
Minutes

How do you feel?

3 of 4 habits done

Journal

One line is enough