エフェクト
プロンプト料金プランブログ
フィットネス SaaS ランディングページ UI

フィットネス SaaS ランディングページ UI

プレミアムフィットネスブランド向けの、ダッシュボードや各種インターフェースセクションを含む、Web およびモバイル UI/UX デザイン全体を生成するための詳細なプロンプト。

プロンプト
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.
同じものを作る

よくある質問

はい!ライブラリのプロンプトはすべて無料で閲覧・コピーできます。画像や動画の生成にはAIEffectクレジットが必要ですが、新規ユーザーには無料クレジットが付与されます。

プロンプトカードをクリックして詳細を表示し、「同じものを作る」をクリックするとプロンプトが入力済みのジェネレーターが開きます。コピーして編集してから生成することもできます。

はい。AIEffectで生成した画像や動画は自由にお使いいただけます——個人プロジェクト、SNS、商用利用など。

AIEffectはGPT Image 2、Seedance 2.0など複数の最先端モデルを提供しています。各プロンプトには使用モデルが表示されるので、同じスタイルを再現できます。

サブスクリプションは不要です。AIEffectは必要な時だけクレジットを購入する従量課金制で、クレジットに有効期限はありません。月額料金も無駄な支払いもありません。

気に入りましたか?自分だけの作品にしましょう。

このプロンプトをコピーするか「同じものを作る」をクリックして、あなただけのバージョンを生成しましょう。アレンジも自由——デザインスキルは不要です。

無料で試す