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

{argument name="app type" default="フィットネスアプリ"} のための、モダンでハイエンドなランディングページおよびプロダクト UI をデザインしてください。ブランド名は {argument name="brand name" default="PulseFit"} とします。

本格的な SaaS フィットネスプラットフォームおよびモバイルコンパニオンアプリのような、クリーンな Web デザインのモックアップを作成してください。トップクラスのヘルスケア・ウェルネスアプリのような、洗練された UI/UX スタイルを採用し、プレミアム感があり、モチベーションを高める使いやすいデザインを目指してください。

含める要素:
- 印象的な見出し、短いサブ見出し、強力な CTA ボタン、アプリのプレビューを備えたヒーローセクション
- 日々の活動量、消費カロリー、ワークアウトの継続日数、心拍数、歩数、進捗リングを表示するダッシュボード UI
- 筋力トレーニング、有酸素運動、モビリティ、リカバリーのためのワークアウトプログラムカード
- マクロ栄養素の内訳と水分摂取量を備えた栄養管理セクション
- 進捗チャートと分析ウィジェット
- プロフィールカードと体験談を含むトレーナー／コミュニティセクション
- 料金プランセクションとアプリストアへの誘導
- 一貫したプロダクトエコシステムを示す、Web デザインと並べたモバイルアプリ画面

スタイルの方向性:
- 洗練されたミニマルでモダンなインターフェース
- プレミアムフィットネスブランドの美学
- 滑らかな余白、強力な階層構造、角丸のカード、ソフトなドロップシャドウ
- エレクトリックブルー、ネオングリーン、鮮やかなオレンジなどのエネルギッシュなアクセントカラーを使用したダークモード UI
- 鮮明なタイポグラフィ、リアルなチャート、洗練されたボタン、美しいオンボーディング体験
- 非常に詳細で、Dribbble に掲載されるようなスタートアップ品質のプロダクトデザイン
- アニメーションやイラストではなく、リアルな UX ケーススタディのプレゼンテーション

構成:
- Web サイトのホームページ全体のモックアップ
- 複数の UI セクションを 1 つの洗練されたプレゼンテーションに表示
- わずかなパースペクティブまたは正面からのプロダクトショーケース
- 微かなグラデーションとプロフェッショナルなライティングを施したクリーンな背景
- 超高精細でシャープなテキストレンダリング、視覚的にバランスの取れたレイアウト

出力:
開発準備が整っているかのような、フィットネスアプリの Web サイトおよびダッシュボードの、見栄えが良くリアルな UI/UX デザインコンセプト。

プレミアムスタートアップのための、本格的な Figma プロダクトデザインプレゼンテーションのように仕上げてください。