Back to prompts
健身 SaaS 着陆页 UI

Example images

健身 SaaS 着陆页 UI 1
Charts & InfographicsYouMindcharts-infographics图表信息图en

健身 SaaS 着陆页 UI

一个详尽的大型提示词,用于生成高端健身品牌的完整 Web 和移动端 UI/UX 设计,包含仪表盘及各类界面板块。

Category
Charts & Infographics
Model
GPT Image 2
Creator
Stephen Day | Google AI, Agents & Vibe Coding
Source language
en
Views0
Source ID
14322
Published
Apr 21, 2026
Use in StudioOpen source

Full prompt

Design a modern, high-end {argument name="app type" default="fitness app"} landing page and product UI for a brand called {argument name="brand name" default="PulseFit"}.

Create a clean web design mockup that looks like a real SaaS fitness platform and mobile companion app. The design should feel premium, motivating, and easy to use, with a polished UI/UX style similar to top-tier health and wellness apps.

Include:
- A hero section with bold headline, short subheadline, strong call-to-action button, and app preview
- Dashboard UI showing daily activity, calories burned, workout streak, heart rate, step count, and progress rings
- Workout program cards for strength, cardio, mobility, and recovery
- Nutrition tracking section with macro breakdown and water intake
- Progress charts and analytics widgets
- Trainer/community section with profile cards and testimonials
- Pricing section and download/app store callout
- Mobile app screens shown alongside the web design for a cohesive product ecosystem

Style direction:
- Sleek, minimal, modern interface
- Premium fitness brand aesthetic
- Smooth spacing, strong hierarchy, rounded cards, soft shadows
- Dark mode UI with energetic accent colors like electric blue, neon green, or vibrant orange
- Crisp typography, realistic charts, polished buttons, beautiful onboarding feel
- Highly detailed, dribbble-worthy, startup-quality product design
- Realistic UX case study presentation, not a cartoon or illustration

Composition:
- Full website homepage mockup
- Multiple UI sections visible in one polished presentation
- Slight perspective or straight-on product showcase
- Clean background with subtle gradients and professional lighting
- Ultra-detailed, sharp text rendering, visually balanced layout

Output:
A stunning, realistic UI/UX design concept for a fitness app website and dashboard that looks ready for development.

Make it look like a real Figma product design presentation for a premium startup.
Translations

健身 SaaS 着陆页 UI

en

Design a modern, high-end {argument name="app type" default="fitness app"} landing page and product UI for a brand called {argument name="brand name" default="PulseFit"}. Create a clean web design mockup that looks like a real SaaS fitness platform and mobile companion app. The design should feel premium, motivating, and easy to use, with a polished UI/UX style similar to top-tier health and wellness apps. Include: - A hero section with bold headline, short subheadline, strong call-to-action button, and app preview - Dashboard UI showing daily activity, calories burned, workout streak, heart rate, step count, and progress rings - Workout program cards for strength, cardio, mobility, and recovery - Nutrition tracking section with macro breakdown and water intake - Progress charts and analytics widgets - Trainer/community section with profile cards and testimonials - Pricing section and download/app store callout - Mobile app screens shown alongside the web design for a cohesive product ecosystem Style direction: - Sleek, minimal, modern interface - Premium fitness brand aesthetic - Smooth spacing, strong hierarchy, rounded cards, soft shadows - Dark mode UI with energetic accent colors like electric blue, neon green, or vibrant orange - Crisp typography, realistic charts, polished buttons, beautiful onboarding feel - Highly detailed, dribbble-worthy, startup-quality product design - Realistic UX case study presentation, not a cartoon or illustration Composition: - Full website homepage mockup - Multiple UI sections visible in one polished presentation - Slight perspective or straight-on product showcase - Clean background with subtle gradients and professional lighting - Ultra-detailed, sharp text rendering, visually balanced layout Output: A stunning, realistic UI/UX design concept for a fitness app website and dashboard that looks ready for development. Make it look like a real Figma product design presentation for a premium startup.

健身 SaaS 着陆页 UI

zh-CN

设计一个现代、高端的 {argument name="app type" default="健身应用"} 着陆页及产品 UI,品牌名称为 {argument name="brand name" default="PulseFit"}。 创建一个简洁的 Web 设计模型,使其看起来像一个真实的 SaaS 健身平台及配套移动端应用。设计风格应体现高端感、激励性且易于使用,UI/UX 风格需对标顶级健康与健身应用。 包含内容: - 首屏板块:包含醒目的标题、简短的副标题、强有力的行动号召(CTA)按钮以及应用预览 - 仪表盘 UI:展示每日活动、消耗卡路里、锻炼连续天数、心率、步数及进度环 - 锻炼计划卡片:涵盖力量、有氧、灵活性及恢复训练 - 营养追踪板块:包含宏量营养素分析及饮水量记录 - 进度图表与分析组件 - 教练/社区板块:包含个人资料卡片及用户评价 - 定价板块及应用商店下载引导 - 移动端应用界面:与 Web 设计并列展示,呈现统一的产品生态系统 风格导向: - 时髦、极简、现代的界面 - 高端健身品牌美学 - 舒适的间距、清晰的层级、圆角卡片、柔和阴影 - 深色模式 UI,搭配电光蓝、霓虹绿或活力橙等充满能量的强调色 - 清晰的排版、真实的图表、精致的按钮、美观的引导页体验 - 高度细节化、符合 Dribbble 标准、具备初创公司水准的产品设计 - 真实的 UX 案例研究展示,非卡通或插画风格 构图: - 完整的网站首页模型 - 在一个精致的展示中呈现多个 UI 板块 - 采用微透视或正视的产品展示视角 - 简洁的背景,带有微妙的渐变与专业灯光效果 - 超高细节、清晰的文字渲染、视觉平衡的布局 输出: 一个令人惊艳、逼真的健身应用网站及仪表盘 UI/UX 设计概念,看起来已达到可开发标准。 使其看起来像是一个针对高端初创公司的真实 Figma 产品设计演示。

Prompt/Image Similar

12

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

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

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

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

拟态风格智能仪表盘 UI

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

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
编辑风格 SaaS 收据广告

编辑风格 SaaS 收据广告

此提示词用于生成高对比度的初创公司广告,包含揉皱的收据、醒目的编辑排版,以及用于分析定价活动的粉色手写标注。

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

中文直播 App UI 原型设计

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

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
高级日式健身房海报

高级日式健身房海报

该提示词可生成一张精致的竖版健身广告海报,适用于虚构健身房的品牌样机、营销视觉图或高端商业海报设计。

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

未来感霓虹井字棋 UI

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

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

瞳孔颜色分析指南

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

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
PC-98 哥特风视觉小说 UI

PC-98 哥特风视觉小说 UI

生成一张复古 PC-98 风格的日本冒险游戏画面,包含哥特风兔耳角色、华丽的界面、指令菜单、对话框以及标题 Logo。

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

周末旅行打包信息图

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

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

前卫时尚广告提示词

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

Charts & InfographicsYouMindcharts-infographics
GPT Image 21 Views
Modern Beverage Commercial Poster

Modern Beverage Commercial Poster

A comprehensive professional prompt for a high-end commercial beverage poster featuring dynamic geometric elements and a street-style model.

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views
照片级真实感科技报纸样机

照片级真实感科技报纸样机

生成高度逼真、可定制的商业报纸头版,包含科技公告和嵌入式 UI 样机。

Charts & InfographicsYouMindcharts-infographics
GPT Image 20 Views