Preview image. Unlock full-res
A mobile app dashboard displaying a vehicle charging status at 80% with status cards for exterior, climate, position, and charge timing.
Summary
A mobile dashboard for vehicle control showing an 80% charge level indicator with a 2x2 grid of status cards below for exterior, climate, position, and charge timing, with orange accent elements.
Visual description
A mobile phone screen mockup with a white background and dark notch. The top displays a large black "80%" figure with an orange underline, followed by the statement "Polestar is ready to go." Below that, four rounded-corner status cards arranged in a 2x2 grid. Upper left: "Exterior" labeled "Locked" in orange text with a lock icon. Upper right: "Climate" labeled "Off" with a weather icon. Lower left: an orange "Charge 23:00-07:00" card with a timer icon occupying about 40% of the grid cell. Lower right: "Position 16 Stratton St" with a map pin icon. The bottom of the screen shows a five-icon navigation bar with grid, car, chart, settings, and profile icons. The accent color throughout is a warm orange.
Key takeaway
The use of a single bold accent color (orange) to highlight critical actions and statuses against a neutral background. The 2x2 card grid that communicates multiple system states at once without overwhelming the interface. The clear hierarchy of information with the large percentage at the top followed by more specific details in the cards.
Reuse notes
Effective for IoT or automotive applications where users need a quick glance at system status. The orange accent on the charge time card draws attention to time-sensitive information. Works well for any dashboard requiring at-a-glance status updates across multiple systems or zones.
