# GPT Image Hub prompt

## Dark Mode Authenticator App Onboarding Mockups
- URL: https://www.gptimagehub.com/library/dark-mode-authenticator-app-onboarding-mockups
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19293
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdark-mode-authenticator-app-onboarding-mockups
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui mockup, mobile app, onboarding, dark mode, security app, app presentation
- Updated: 2026-10-27T13:30:58.098Z
- Created: 2026-10-27T13:30:58.098Z

Four-screen mobile onboarding flow showcasing dark-mode security app UI. Swap the color accents, button labels, or feature icons to suit any utility application.

### Full prompt
```text
Clean, high-fidelity UI mockups recreating 4 mobile onboarding screens based on the reference design, rendered as direct digital graphic mockups without perspective distortion, glare, or device surroundings. The four [iPhone-style] smartphone frames are aligned front-facing and evenly spaced in a single horizontal row on a [light gray] background canvas. Dark mode theme featuring a [blue security visual style], rounded phone bezels, top status bars, top skip links, and bottom home indicators.

From left to right, exactly 4 screens:
1. Authenticator account protection screen with main call-to-action button labeled "[Get Started]".
2. Timely alerts screen featuring a notification permission toggle switch and a button labeled "[Continue]".
3. End-to-end encryption screen featuring a shield and lock graphic, social icons, and a button labeled "[Continue]".
4. Face ID protection quick setup screen featuring a biometric scan overlay graphic, activation toggle, and a button labeled "[Continue]".

Crisp vector typography, consistent spacing, sharp readable text, and polished app store presentation quality.
```