Preview image. Unlock full-res
System notification overlay explaining app cost-saving hibernation with status duration and wake trigger action.
Summary
A floating notification card announcing that a development environment has been hibernated to reduce costs, with elapsed time and a wake-up action button.
Visual description
A system notification overlay with a dark charcoal banner at top reading "Environment hibernating" in white with a logo icon. Below, a white card with a subtle drop shadow displays the message: "Your environment has been scaled to zero for 26hrs 32mins." with a blue "Wake up" action link at bottom-left. Behind the card, a pale interface showing application tabs (Production, Commands, Logs, Metrics) in light gray with a slanted dark banner cutting across, emphasizing the overlay's modal prominence against the inactive background.
Key takeaway
The status-message pattern with duration display as a key metric. The color coding: dark banner for the feature name, white card for the message body, and a single blue link for the primary action creates visual hierarchy without buttons. The translucent background darkening de-emphasizes the interface behind the notification, signaling modal importance. The angled banner design adds visual interest while staying minimal and technical.
Reuse notes
Ideal for developer tools and infrastructure dashboards where cost optimization and system state matter. The duration counter can track scaling states, deployments, or resource usage windows. Use the dark banner + white card pattern for any feature announcement overlay. The single blue link is more restful than a filled button in notification contexts, especially when the action is optional.
More like this
