Dark health dashboard with glowing gradient cards

Dark health dashboard with glowing gradient cards, dark-mode, minimal, dark

Preview image. Unlock full-res

Mobile health-tracking interface with two rounded cards displaying biometric data (heart rate and sleep) against a deep-black background with soft magenta and purple gradient glows.

Summary

Two rounded-rectangle health-metric cards floating on pure black: one displaying heart rate (64 bpm) in magenta glow, the other sleep duration (7h 32m) in purple, each centered with soft radial light emanating from the data.

Visual description

A near-black background holds two stacked or side-by-side rounded-rectangle cards with luminous radial gradient centers. The left or top card is dominated by a magenta-to-red glow with the label "Current" and large white numerals "64 bpm". The right or bottom card shows a deeper purple-to-indigo glow with "Time in Bed" and white type reading "7h 32m". Both cards have soft, vignette-style glowing edges that fade to the surrounding black. The typography is clean sans-serif in white, providing stark contrast. The overall visual suggests calm introspection and wellness monitoring through intimate, focused data presentation. The gradient glows create a subtle depth and sense of warmth despite the cool palette.

Key takeaway

The radial glow emanating from behind data creates visual hierarchy and draws eyes to the metrics without neon harshness. The rounded-card format with soft luminance is modern and approachable for health/wellness apps. Floating cards on pure black creates a sense of isolation and focus.

Reuse notes

Ideal for health, fitness, sleep, or biometric wearable app interfaces. Works well in product design systems and dashboards where calm, focused data presentation is essential. The dark background and warm gradients help reduce visual fatigue in evening-use scenarios (sleep tracking, night-mode apps).

More like this