Logo of UI Challenges
Sign in
Wireframe example for Social Login Options
An example interpretation of the prompt
Icon of target

Social Login Options

Icon of book open

Design the mobile onboarding login screen that offers social sign-in as the fastest path into the app. The screen should feel native to mobile, with large tap targets for each provider and a clear hierarchy between them.

Treat each provider as a distinct action, not a generic list item. Google, Apple, and any other supported option should be visually separate enough that a user can spot the right choice without reading fine print.

This screen sits at the start of onboarding, so it needs to do two jobs: explain that these are sign-in methods and keep the path to continue obvious. If there is a fallback like email or phone, it should read as secondary.

The interesting part is spacing and recognition. The buttons need to feel equally tappable, but still preserve each brand's identity and the app's own tone.

Design for the moment when a user is deciding in a split second on a small screen. The layout should make the safest or most familiar option easy to pick without confusion.

Icon of book open

Use brand cues in the button label and icon, but keep the button shape, size, and spacing consistent so the choices feel parallel.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.