Using REFERENCE_1 as the primary UI reference and REFERENCE_0 only for the darker variant details if needed, recreate the mobile onboarding flow as a clean, front-facing design mockup instead of a photographed laptop screen. Extract and straighten the four iPhone-style screens, remove all camera perspective, glare, browser chrome, laptop edges, and surrounding environment, and place the screens evenly spaced on a light gray canvas. Keep the same white/light theme, rounded phone cards, blue security branding, typography hierarchy, icons, illustrations, and CTA style. Produce exactly 4 onboarding screens from left to right: 1) authenticator accounts list with headline βProtect all your accounts with Authenticatorβ and CTA βGet Startedβ; 2) security alert notifications with headline β94% of users feel more secure with timely alertsβ and CTA βContinueβ; 3) shield/lock encryption illustration with headline βEnd-to-End Encryptionβ and CTA βContinueβ; 4) Face ID quick setup with the portrait/scan graphic, headline βQuick Setup: Face ID Protectionβ, secure Face ID toggle card, small privacy note, and CTA βContinueβ. Use [primary color] as the main accent color, keep the app name as [app name], and keep the status time as [status time]. Make the result look like a polished Figma export/product presentation, crisp and high resolution, with no real-world photo artifacts.
0 Comments
π₯ Co-learning Circle 0
Observe other members' variables & configurations, and click "Study & Retry" to instantly import settings and practice!