Audio app onboarding with gradient character portraits

Summary

Three-screen audio app onboarding flow with minimalist aesthetic: welcome with social login, character introduction with soft gradient sphere, and rose-gradient backdrop with second character presentation.

Visual description

Three mobile phones arranged horizontally on a light grey background. Left screen displays "WELCOME USER" centered over white space, with "Sign up with Apple" and "Sign up with Google" buttons below, and a black pill button "[Listen]". Center screen titled "INTERSTELLAR" with red time badge "00:30" features a large radial gradient sphere (yellow-to-teal-to-dark) centered mid-screen, character name "Valar" below with tagline "grasped with knowledge, filled with emotion," and a black button. Right screen has a rose-to-pink gradient background, "INTERSTELLAR" title, "00:30" badge, shows partial gradient sphere and another character "Elvis" with quote "Always eager to jump off a plane," and matching black button. All screens use clean sans-serif in black on white or gradient, ample white space, centered composition.

Key takeaway

The gradient sphere acts as a unique visual centerpiece for character introduction, differentiating each persona without illustration. The progression from white-minimal to gradient-rich creates a visual onboarding journey. Soft gradients (muted pastels rather than neon) maintain clarity while conveying personality. Centered composition with breathing room makes the interface feel spacious.

Reuse notes

Excellent for audio platforms, podcast apps, or any media subscriptions that want to introduce multiple content creators or genres. The character-based approach personalizes the experience. Works particularly well for lifestyle, wellness, or entertainment brands. The rose gradient screen pairs well with audio/music apps; adjust gradients and characters for different brands or content categories.