Dark Mode Onboarding UI Mockups AI Image Prompt
Using REFERENCE_0 and REFERENCE_1 as the design references, recreate the same 4 mobile onboarding screens as clean, high-fidelity UI mockups instead of a photographed laptop screen. Remove all perspective distortion, laptop/browser surroundings, glare, and camera artifacts. Present the four iPhone-style screens front-facing, evenly spaced in one horizontal row on a light gray canvas, preserving the dark-mode version from REFERENCE_0 and the same screen order, typography hierarchy, blue security visual style, rounded phone frames, status bars, skip links, bottom home indicators, and CTA structure. Keep exactly 4 screens: 1) authenticator account protection with "Get Started", 2) timely alerts with notification toggle and "Continue", 3) end-to-end encryption with shield/lock and social icons plus "Continue", 4) Face ID protection quick setup with scan overlay, toggle, and "Continue". Make the UI crisp, polished, app-store-presentation ready, with sharp readable text and consistent spacing.
Content: Structure: Subject (4 mobile onboarding screens) + Reference images (REFERENCE_0/1) + Conditions (remove distortion, glare, artifacts) + Layout (horizontal row, front-facing, light gray canvas) + Style (dark mode, blue security visual) + Screen content (4 specific screens with elements) + Quality (high-fidelity, crisp text).
Pros: Clear specification of screen order and content; explicit removal of artifacts for clean reproduction.
Cons: Canvas size or resolution not specified; spacing details rely on reference images.
Reference image: Obvious dependency on reference images (REFERENCE_0 and REFERENCE_1)
Source materials are collected from publicly accessible web pages. Contact us if a rights issue needs review. Copyright & Privacy