Smart home energy dashboard UI

Summary

A clean mobile app dashboard for smart home energy management, using soft neumorphic cards, a bright lime-yellow greeting banner, and periwinkle accents over a light gray background.

Visual description

The screen presents a hierarchical card-based layout against pale gray. A bold lime-yellow pill-shaped greeting banner spans near the top with a profile photo, "Hi, Diana Kemmer" text, and device count. Below, five off-white neumorphic cards list connected devices (Air Conditioner, Wi-Fi Router, Smart TV, Humidifier) each with icon, title, unit count, and energy consumption in kWh, right-aligned chevrons for navigation. A small periwinkle badge shows "3h" time context. The right edge shows sidebar panels with an "Air Condit" label, donut chart, and a blue "Morning Scene" preset card with device count. Sans-serif fonts in regular and italic weights provide clear hierarchy. Soft shadows and rounded corners throughout create a gentle, approachable interface.

Key takeaway

The neumorphic soft-shadow technique creates depth without harsh lines or flat colors, making functional device lists feel friendly and modern. The lime-yellow accent banner breaks the neutral palette and draws focus without overwhelming. Card-based stacking with right-aligned actions (chevrons, toggle icons) is a proven pattern for mobile device control. Using kWh and time metadata next to device names helps users scan and compare consumption at a glance.

Reuse notes

Ideal for IoT dashboards, smart home controls, or any energy-monitoring interface targeting mainstream users. The soft colors and rounded forms feel less technical than dark dashboards but still convey efficiency. Pair with a modern geometric sans-serif; the yellow accent works best on light backgrounds. If replicating, ensure dark text has good contrast over the light gray and ensure the soft shadows don't collapse on small screens.