Preview image. Unlock full-res
A mobile clock customization screen with a glassmorphism widget preview and a bottom sheet for choosing abstract gradient backgrounds.
Summary
A light-themed phone UI shows a large clock widget card above customization rows and an open background picker sheet. The selected abstract gradient fills the widget while thumbnail options line up below.
Visual description
The top card previews a digital clock reading 12:29 over a grainy orange-red abstract background, with small metadata for date, temperature, city, and weekday. Below, Background and Layout rows sit above a rounded bottom sheet titled Change background. Three gradient thumbnails appear in a horizontal row, with Afternoon Glow selected, and a wide Save pill button anchors the sheet.
Key takeaway
The design combines a hero widget preview, inline settings rows, and a focused picker sheet so background choice feels lightweight. Glassmorphism on the clock and textured gradients add warmth to an otherwise neutral UI shell.
Reuse notes
Strong reference for iOS-style customization flows, widget preview cards, and bottom-sheet pickers. Useful for clock, wallpaper, or personalization apps where abstract art backgrounds are the product.
