Oryginalny dokument
GPT Image 2 · en
Design a modern, high-end{argument name="app type" default="Fitness app"} Landing page and product UI, brand name is{argument name="brand name" default="PulseFit"} Create a clean web design mockup that resembles a legitimate SaaS fitness platform and its accompanying mobile app. The design should convey a premium feel, be motivating, and easy to use; the UI/UX should benchmark against top-tier health and fitness apps. Includes: - Homepage: Features a striking title, concise subtitle, a strong call-to-action (CTA) button, and an app preview. - Dashboard UI: Displays daily activity, calories burned, consecutive workout days, heart rate, steps, and a progress bar. - Workout Plan Cards: Covers strength, cardio, flexibility, and recovery training. - Nutrition Tracking: Includes macronutrient analysis and hydration tracking. - Progress charts and analytics components. - Coach/Community: Includes profile cards and user reviews. - Pricing and app store download guide. - Mobile App Interface: Presented alongside the web design, showcasing a unified product ecosystem style: - Stylish, minimalist, and modern interface. - High-end fitness brand aesthetics. - Comfortable spacing, clear hierarchy, rounded cards, and soft shadows. - Dark mode UI with energetic accent colors like electric blue, neon green, or vibrant orange. - Clear typography, realistic charts, elegant buttons, and a beautiful onboarding experience. - Highly detailed, Dribbble-compliant, startup-level product design. - Authentic UX. Case study presentation, non-cartoon or illustration style: - Complete website homepage mockup - Multiple UI sections presented in a sophisticated showcase - Product display perspective using micro-perspective or frontal views - Simple background with subtle gradients and professional lighting effects - High-resolution detail, crisp text rendering, and visually balanced layout: A stunning and realistic fitness app website and dashboard UI/UX design concept that looks ready for development. It resembles a genuine Figma product design demo for a high-end startup.Jak używać
- Skopiuj cały oryginalny prompt wraz z parametrami.
- Dostosuj temat, tekst i kompozycję do swoich potrzeb.
- Użyj zgodnego narzędzia zewnętrznego; sprawdź warunki dostępu i wynik.
Przed rozpoczęciem
- Sprawdź, czy potrzebny jest obraz referencyjny. Zgodność nie potwierdza modelu użytego do przykładu.
- Sprawdź nazwy, liczby i napisy; wyniki zależą od wersji modelu.
