Back to prompts
简洁的 Authenticator 入门引导 UI

Example images

简洁的 Authenticator 入门引导 UI 1
Charts & InfographicsYouMindcharts-infographics图表信息图en

简洁的 Authenticator 入门引导 UI

根据拍摄的 UI 参考图,生成精美的四屏移动端 Authenticator 入门引导模型,适用于应用演示或设计迭代。

Category
Charts & Infographics
Model
GPT Image 2
Creator
Soumyadip
Source language
en
Views0
Source ID
19294
Published
May 9, 2026
Use in StudioOpen source

Full prompt

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 {argument name="primary color" default="bright blue"} as the main accent color, keep the app name as {argument name="app name" default="Authenticator"}, and keep the status time as {argument name="status time" default="10:28"}. Make the result look like a polished Figma export/product presentation, crisp and high resolution, with no real-world photo artifacts.
Translations

简洁的 Authenticator 入门引导 UI

en

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 {argument name="primary color" default="bright blue"} as the main accent color, keep the app name as {argument name="app name" default="Authenticator"}, and keep the status time as {argument name="status time" default="10:28"}. Make the result look like a polished Figma export/product presentation, crisp and high resolution, with no real-world photo artifacts.

简洁的 Authenticator 入门引导 UI

zh-CN

以 REFERENCE_1 作为主要 UI 参考,仅在需要深色变体细节时使用 REFERENCE_0,将移动端入门引导流程重新创建为简洁的正面设计模型,而非拍摄的笔记本电脑屏幕。提取并拉直四个 iPhone 风格的屏幕,去除所有相机透视、反光、浏览器边框、笔记本电脑边缘及周围环境,并将屏幕均匀地放置在浅灰色画布上。保持原有的白色/浅色主题、圆角手机卡片、蓝色安全品牌标识、排版层级、图标、插图以及 CTA 样式。从左到右精确生成 4 个入门引导屏幕:1) Authenticator 账户列表,标题为“Protect all your accounts with Authenticator”,CTA 为“Get Started”;2) 安全警报通知,标题为“94% of users feel more secure with timely alerts”,CTA 为“Continue”;3) 盾牌/锁加密插图,标题为“End-to-End Encryption”,CTA 为“Continue”;4) Face ID 快速设置,包含人像/扫描图形、标题“Quick Setup: Face ID Protection”、安全的 Face ID 开关卡片、隐私说明及 CTA“Continue”。使用 {argument name="primary color" default="bright blue"} 作为主要强调色,保留应用名称为 {argument name="app name" default="Authenticator"},并将状态栏时间保留为 {argument name="status time" default="10:28"}。使最终效果看起来像精美的 Figma 导出图或产品演示,清晰且高分辨率,不含任何现实照片的瑕疵。

Prompt/Image Similar

12

电影感咖啡店视觉小说 UI 原型

电影感咖啡店视觉小说 UI 原型

此内容可生成一张以温馨夜间咖啡馆为背景的写实风格视觉小说游戏截图,适用于网页游戏原型、互动剧概念设计及产品演示。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
拟态风格智能仪表盘 UI

拟态风格智能仪表盘 UI

此提示词可生成精致的拟态风格智能手机控制仪表盘模型,适用于 App 设计展示、UI 概念艺术及高端界面演示。

Charts & InfographicsYouMindcharts-infographics
GPT Image 21 Views
瞳孔颜色分析指南

瞳孔颜色分析指南

一个用于创建专业美妆指南的提示词,通过并排对比分析主体在不同瞳孔颜色下的效果。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
周末旅行打包信息图

周末旅行打包信息图

一张温暖的编辑风格旅行打包海报,展示了行李袋的平铺场景,配有带标签的清单面板和步骤卡片,非常适合生活方式信息图、旅行指南和以打包为主题的社交内容。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
以贵宾犬为吉祥物的书店品牌项目

以贵宾犬为吉祥物的书店品牌项目

一份精致的书店品牌识别项目,展示了围绕坐在书堆上的玩具贵宾犬吉祥物所构建的 Logo 设计、配色方案、排版、文具、服务卡及店面效果图。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
中文直播 App UI 原型设计

中文直播 App UI 原型设计

生成高度精细的移动端直播界面,包含主播、聊天浮层和动态虚拟礼物,非常适合 App 原型设计。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
动漫偶像吉他手角色设定表

动漫偶像吉他手角色设定表

一个结构化的提示词,用于生成华丽的动漫舞台表演角色拼贴画,包含一个大型主面板和六个带编号的缩略图面板。

Charts & InfographicsYouMindcharts-infographics
GPT Image 21 Views
Greenery Day Chibi Infographic

Greenery Day Chibi Infographic

Generates a cute Japanese Greenery Day educational poster with a rabbit-eared chibi gardener, nature-themed text boxes, and three informational point cards.

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
精灵战士变身拼贴画

精灵战士变身拼贴画

一张 12 步写实摄影风格的影棚拼贴画,展示了一个人通过精灵耳、编发、妆容和奇幻盔甲完成变身的过程。

Charts & InfographicsYouMindcharts-infographics
GPT Image 22 Views
前卫时尚广告提示词

前卫时尚广告提示词

一份用于生成高级时尚编辑广告的精美提示词,特色在于未来感配饰与极简主义摄影棚美学。

Charts & InfographicsYouMindcharts-infographics
GPT Image 21 Views
未来感霓虹井字棋 UI

未来感霓虹井字棋 UI

生成一个赛博朋克风格的桌面井字棋游戏界面,包含发光的 3x3 项目、X/O 棋子以及一个用于游戏 UI 设计的重启按钮。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
逼真的公民身份证

逼真的公民身份证

一个高度详细的微距摄影提示词,用于生成具有安全特征和全息细节的官方政府风格公民身份证。

Charts & InfographicsYouMindcharts-infographics
GPT Image 21 Views