Fitness SaaS Landing Page

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.

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

현대적이고 고급스러운 {argument name="app type" default="피트니스 앱"} 랜딩 페이지와 제품 UI를 {argument name="brand name" default="PulseFit"}라는 브랜드를 위해 디자인하세요. 실제 SaaS 피트니스 플랫폼과 모바일 동반 앱처럼 보이는 깔끔한 웹 디자인 모형을 만드세요. 디자인은 프리미엄 느낌을 주고, 동기를 부여하며, 사용하기 쉬워야 하며, 최고급 건강 및 웰니스 앱과 유사한 세련된 UI/UX 스타일을 가져야 합니다. 포함할 내용: - 대담한 헤드라인, 짧은 서브헤드라인, 강력한 콜 투 액션 버튼 및 앱 미리보기를 포함한 히어로 섹션 - 일일 활동, 소모 칼로리, 운동 연속 일수, 심박수, 걸음 수 및 진행 링을 보여주는 대시보드 UI - 근력, 유산소, 이동성 및 회복을 위한 운동 프로그램 카드 - 매크로 분석 및 수분 섭취를 포함한 영양 추적 섹션 - 진행 차트 및 분석 위젯 - 프로필 카드 및 추천사를 포함한 트레이너/커뮤니티 섹션 - 가격 섹션 및 다운로드/앱 스토어 호출 - 웹 디자인과 나란히 보여지는 모바일 앱 화면으로 통합된 제품 생태계 스타일 방향: - 세련되고 미니멀하며 현대적인 인터페이스 - 프리미엄 피트니스 브랜드 미학 - 부드러운 간격, 강한 계층 구조, 둥근 카드, 부드러운 그림자 - 전기 파랑, 네온 녹색 또는 생동감 있는 주황색과 같은 에너제틱한 강조 색상을 가진 다크 모드 UI - 선명한 타이포그래피, 사실적인 차트, 세련된 버튼, 아름다운 온보딩 느낌 - 매우 세부적이고 Dribbble에 적합하며 스타트업 품질의 제품 디자인 - 만화나 일러스트가 아닌 현실적인 UX 사례 연구 프레젠테이션 구성: - 전체 웹사이트 홈페이지 모형 - 하나의 세련된 프레젠테이션에서 여러 UI 섹션이 보이는 - 약간의 원근감 또는 정면에서의 제품 쇼케이스 - 미세한 그라데이션과 전문적인 조명이 있는 깔끔한 배경 - 초고세부, 선명한 텍스트 렌더링, 시각적으로 균형 잡힌 레이아웃 출력: 개발 준비가 완료된 것처럼 보이는 피트니스 앱 웹사이트 및 대시보드에 대한 놀랍고 사실적인 UI/UX 디자인 개념을 만드세요. 고급 스타트업을 위한 실제 Figma 제품 디자인 프레젠테이션처럼 보이게 하세요.