Preview image. Unlock full-res
Onboarding screens for Recollect featuring animated floating image thumbnails, auto-tagging labels, and visual search on a vibrant dark gradient background.
More like this
See all
Summary
Onboarding screens for Recollect featuring animated floating image thumbnails, auto-tagging labels, and visual search on a vibrant dark gradient background.
Visual description
A tall phone onboarding screen uses a full-height vertical gradient that runs from deep navy at the top through violet and lilac to pink and then hot orange and dark at the bottom. A small round back button sits at top left. In the middle floats a dark, frosted translucent rounded card with a bookmark icon, a short heading, two dimmed add-action rows and two checked rows. A bold white title, a two-line description and a wide translucent pill Continue button anchor the bottom.
Key takeaway
Use a dusk-like vertical gradient as the entire background and float a single frosted-glass card over it, so the screen feels atmospheric while the illustration is just a mini version of the UI.
Reuse notes
Reach for this as a ui screen reference. Pairs with minimal directions. Original by Karthik Balasubramanian.
