Sleep Tracking UI Widget

Sleep Tracking UI Widget, dark-mode, gradient-heavy, dark

Preview image. Unlock full-res

A dark-mode mobile interface element displaying 'Time In Bed' with a purple gradient background and large white typography.

Palette
#36244A
#F3F0F5
#B556F0

Summary

A dark-mode mobile interface element displaying 'Time In Bed' with a purple gradient background and large white typography.

Visual description

A rounded rectangular card with a deep purple and black gradient background featuring a soft, glowing purple orb. The text 'Time In Bed' is centered above a large white display showing '7 hr 32 min'.

Key takeaway

The design uses high-contrast typography and a soft gradient to create a modern, calming user experience for health tracking.

Reuse notes

This layout can be adapted for other health metrics like 'Steps Taken' or 'Water Intake'.

More like this