Google Onhub device profile app mockup

Summary

A product mockup for a connected device management app displaying a dark-themed mobile interface centered on a gradient purple background, with the device shown in a realistic 3D perspective and surrounded by decorative animated data-point visualizations.

Visual description

Vibrant purple-to-blue gradient fills the entire background. A realistic smartphone mockup with rounded corners sits centered in the composition. The phone screen shows a dark navy header bar with "Device Profile" title and left-arrow navigation. The device name "Triona iPhone" appears below with connection speed "24mbps" and "Owned by you" label. A purple "Device Performance" section occupies the middle of the screen with a line chart displaying network metrics as an animated path with small dark and light data points, ending at "24 mbps" annotation. Below the chart are two toggle controls for "Adjust device speed" and "Disable Device" on a light gray section. Surrounding the phone are 4-5 large cyan circles with numeric labels (17, 21, 22, 28, etc.) connected by thin lines, suggesting data distribution or performance metrics.

Key takeaway

The interplay between the contained, functional UI (dark-themed information hierarchy on the device) and the surrounding decorative data ecosystem creates a sense of the app monitoring and flowing data. The vibrant gradient and floating data elements make a technical interface feel dynamic and inviting.

Reuse notes

Reference for IoT or device management app marketing materials. The decorative data elements work well in hero sections or promotional renders to convey "smart" or "connected" concepts. The dark mode interface on the phone ensures good legibility in mockups. Note: works best on large backgrounds where surrounding elements can breathe; adapt spacing for mobile previews.