Preview image. Unlock full-res
Side-by-side mobile screens: left shows text and a 3D abstract illustration on white; right displays lime green and pale green card blocks stacked vertically, with dark footer.
Summary
Side-by-side mobile screens: left shows text and a 3D abstract illustration on white; right displays lime green and pale green card blocks stacked vertically, with dark footer.
Visual description
Two iPhones displayed side-by-side on a gray background. The left screen is predominantly white with black body text describing a computer vision technology, a geometric logo in the upper left, a hamburger menu in the upper right, and a colorful 3D isometric illustration below the text. The right screen features three stacked content blocks: a bright lime-green card at top with dark text, a pale sage-green card in the middle, and a black footer section with a white icon at the bottom. Simple icon graphics appear in upper left corners of each colored block. Sans-serif typeface throughout, clean and contemporary.
Key takeaway
The two-panel card stack pattern with the lime-green primary accent drawing the eye, while lighter green softens secondary content. Black footer anchors and provides contrast. Icons in card headers provide quick visual scanning. The pairing of a text-heavy narrative screen with a card-driven information screen shows how to balance content density across an app onboarding flow.
Reuse notes
Strong pattern for SaaS or AI product onboarding flows where one screen introduces context and another reveals solution features. The lime green accent works well for tech products targeting developers or startups. The card-stack layout is ideal for presenting multiple benefit blocks or feature overviews. Best paired with a narrative or explanation on the companion screen.
