Wabi

Summary

An iPhone onboarding concept uses a liquid orb reveal to animate colorful profile bubbles and sign-in buttons on a soft pink screen.

Visual description

A smartphone screen displays a centered block of sans-serif text in black against a light grey background. A soft, white hemispherical gradient rises from the bottom edge of the frame. Small, grey instructional text is positioned at the bottom center.

Key takeaway

Use a large, soft radial gradient at the bottom of the screen to create a sense of depth and a physical entry point for the user.

Reuse notes

Reach for this as a ui screen reference. Pairs with experimental, minimal directions. Original by wabi.