Mobile authentication interface with floating avatars

Preview image. Unlock full-res

A mobile sign-in screen with colorful floating circular avatars and dual authentication button options.

Palette
#F1C7B5
#460402
#5A1803
#576F65
#220202

Summary

A mobile authentication screen featuring a pastel background with floating circular avatar placeholders arranged above two social login buttons (Google and Apple).

Visual description

Light cream background with soft pastel tone. Floating above in a cloud-like cluster are colorful circular avatar placeholders in pink, blue, purple, and orange, suggesting user profiles. Below is minimal text, followed by two primary call-to-action buttons: "Continue with Google" and "Continue with Apple" with their respective brand icons.

Key takeaway

The stacked floating avatar elements create visual interest and convey community on a login screen, while the simplified two-button authentication flow reduces friction.

Reuse notes

Effective for apps emphasizing social connection or multi-user onboarding. Works well on mobile-first designs where authentication is a gateway experience.

More like this