Preview image. Unlock full-res
Three frosted glass buttons showing progress states—a circle, a triangle warning symbol, and a 'Done' button—on a soft gradient background.
Summary
A sequence of three frosted-glass UI buttons representing progress states: a circle (neutral), a triangle (alert/warning), and a filled capsule button labeled "Done" (completion).
Visual description
The frame shows three distinct buttons arranged horizontally against a soft gray-to-white gradient background. The first button is a small circle with a dark outline inside a frosted glass circle. The second is a warning triangle (also outlined) inside a frosted circle. The third is a larger frosted capsule-shaped button with the text "Done" in dark sans-serif type. All buttons have a translucent, glass-like appearance with subtle shadows and highlights. The overall palette is cool and neutral—grays and whites with dark text/icons.
Key takeaway
The glassmorphism aesthetic applied to a functional UI component set; translucency and subtle shadows convey affordance and interaction states without saturation or harsh borders.
Reuse notes
Perfect reference for contemporary SaaS dashboards, mobile app progress flows, or any context needing elegant, minimal progress/status indicators. The glass effect pairs well with productivity and fintech brands. Works as a still or animated transition sequence.
