Smart oven control card UI

Smart oven control card UI, minimal, light

Preview image. Unlock full-res

A minimalist smart-home appliance interface card showing real-time oven status, temperature, and countdown in a two-column metric layout.

Styleminimal
Industryhardware, saas
Palette
#3F3F3F
#FFFFFF
#BCBABB
#FF6B35
#2ECC71

Summary

A minimalist smart-home appliance interface card showing real-time oven status, temperature, and countdown in a two-column metric layout.

Visual description

White rounded card on dark background with a device-chat icon top-left and menu dots top-right. Product name "Viking Oven" in left-aligned sans-serif with an orange "Pre heating" status badge below. Two side-by-side metric blocks: left shows "Remaining time" label with a partially-filled circular progress ring and "08:12" in large mono-width figures; right shows "Temp." label with a circular progress ring and "180°C" in matching figures. Below the metrics sits a row of five circular white icon buttons (alarm, plus, down-chevron, left-arrow, menu). At the card bottom, a gray "Cancel" button and bright green "Confirm" button span full width in soft-rounded style.

Key takeaway

The card's two-column metric layout with circular progress indicators provides a compact, scannable summary of multi-state data. The color blocking (gray background paired with bright orange status and green confirm) creates a clear call-to-action hierarchy. The circular progress rings double as visual interest and status indication without unnecessary detail.

Reuse notes

Smart for embedded IoT and smart-home mobile UIs where users need at-a-glance status and control. The two-column metric layout scales well to other appliances. Works best with a strong accent color (orange, green, blue) to draw attention to state changes and primary actions. Card format is portable to responsive layouts.

More like this