Skip to content
Twentyfirst UIPro

Health

A complete screen built only from kit parts: AppShell, VitalTile, ActivityRings, SleepChart, MedicationList, InsightCard, PageHeader, Panel …

View as Markdown

A personal health page in the app shell with a sidebar: vitals with healthy ranges, an insight with its reason, activity rings, last night's sleep and today's medication.

The whole screen is glass over Ambient: one <UIProvider surface="glass"> turns the shell, the sidebar, panels and the Life cards (vitals, goals, insights, journal entries) into glass, with inputs and chips on them translucent too. Without the provider the same markup is solid.

Life

Health

Friday, 13 November

Resting heart rateIn range
58bpm
Normal 50–80Watch · 06:45
Blood pressureAbove range
138mmHg
Normal 90–129Cuff · yesterday
Weight
74.2kg
Scale · today
Health · this weekBlood pressure has been above range for 5 days
Consider taking the next readings in the morning too, and mention it at your check-up.

Activity

Goals for today

Sleep

Last night

Asleep 7 h 13 min
  • Awake22 min
  • REM1 h 25 min
  • Light4 h 8 min
  • Deep1 h 40 min

Medication

3 doses today

  • 07:30Vitamin D1,000 IUTaken
  • 13:00Ramipril5 mgDue
  • 22:00Magnesium300 mgLater