Fitness SaaS Landing Page UI

A massive, detailed prompt for generating a complete web and mobile UI/UX design for a premium fitness brand, including dashboards and various interface sections.

这是一个用于平面海报的 gpt-image-2 提示词案例。你可以复制下方 prompt 生成相似图片；商用前请复核 YouMind OpenLab awesome-gpt-image-2 来源归因和原始权利。

作者 @Stephen Day | Google AI, Agents & Vibe Coding

生成

提示词

可复制提示词

设计一个现代、高端的 {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 产品设计演示。