Sleep Tracking UI Widget

More like this
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

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.