Dark mobile screen with radial gradient accent

Dark mobile screen with radial gradient accent, minimal, dark-mode, dark

Preview image. Unlock full-res

Minimalist iPhone app screen in dark mode featuring a geometric logo, clean headline, and a dramatic white-to-charcoal radial gradient as the focal point.

Summary

A dark-mode mobile app screen with sparse, centered elements: a small geometric icon in the top-left, a headline reading "Personality test," and a large white circle transitioning to dark charcoal that dominates the lower two-thirds.

Visual description

An iPhone in portrait orientation displays a predominantly black screen. A white geometric diamond icon and right-aligned "Personality test" headline sit in the top-left quadrant, using clean sans-serif type at a small scale. The visual anchor is a bold white circle occupying the lower half of the screen, with a smooth radial gradient fading from white through gray to match the dark background, creating the illusion of depth and motion. Minimal shadows and a light bezel frame the composition. The aesthetic is calm, focused, and contemporary.

Key takeaway

Using a single, large gradient shape as the entire visual element for a screen, trusting negative space and color transition to communicate mood. The contrast between the minimal headline and the substantial geometric form creates intrigue. The gradient direction (white to dark) pulls the eye downward naturally, guiding interaction without buttons or explicit CTAs.

Reuse notes

Ideal for health apps, assessment tools, or any personality/profile onboarding screen. Works well for introducing brand motion or color without overwhelming simplicity. The dark background suits evening use and battery-saving displays. The technique scales to web if the radial gradient is rendered as SVG or CSS.

More like this