
UI / UX デザイン
フィットネスジム WebヒーローセクションUI
日本のパーソナルジム向けダークネオンブルーのファーストビューモックアップ。スタジオに合わせてブランド名や日本語コピー、配色を変更できます。
uiモックアップフィットネスジムランディングページ日本語タイポグラフィwebデザインヒーローセクション
類似のプロンプトを見る日本語タイポグラフィ AIプロンプト
プロンプト
{
"type": "fitness gym website hero section mockup",
"style": "超洗練された現代的な日本のランディングページ、プレミアムスポーツブランディング、ダークネオンブルーのカラーグレーディング、ハイコントラスト、シネマティックな広告調、リアルな写真と光沢感あるUIデザインの合成",
"brand": {
"name": "[BLUE IMPACT GYM]",
"logo": "ブランド名の左側に配置されたシャープで角ばった青と白の稲妻エンブレム"
},
"canvas": {
"aspect_ratio": "16:9",
"composition": "単一の全幅ファーストビューウェブサイトヘッダー"
},
"background": {
"theme": "機材がぼかされたダークな高級ジムの内装、ドラマチックな青い光の筋",
"effects": [
"エレクトリックブルーの斜めモーションライン",
"レンズフレア",
"光るハイライト",
"繊細なスモーキーな奥行き",
"メタリックな反射"
]
},
"navigation": {
"position": "top bar",
"count": 5,
"items": [
"特徴",
"プラン・料金",
"店舗情報",
"資料請求",
"お問い合わせ"
],
"style": "中央に配置された白い日本語テキストリンク、右側に2つの輪郭が光るCTAボタン"
},
"main_visual": {
"subject": "20〜30代の筋肉質なアジア人男性パーソナルトレーナー、右半分に上半身を大きく配置、黒いダンベルを胴体の近くで保持、タイトな黒のノースリーブタンクトップ、汗ばんだ肌、引き締まった肩と腕、力強いプレミアムフィットネス広告のビジュアル",
"face": "自信に満ちた姿勢の部分的正対ポートレート",
"lighting": "筋肉の陰影を強調するハードなリムライトとクールブルーのハイライト"
},
"headline": {
"position": "left-center",
"text": "[限界を、超えろ。]",
"style": "白の非常に大きな太字のかすれ加工日本語ディスプレイタイポグラフィ、ダイナミックな斜めレイアウト、グランジ質感"
},
"subcopy": {
"position": "left-lower under headline",
"text": "20代〜30代男性のための、本気で変わるトレーニング空間。理想のカラダづくりを最短でサポート。",
"style": "小さめの白い日本語テキスト、2行、クリーンなサンセリフ"
},
"trainer_profile": {
"position": "right side vertical text beside the model",
"count": 3,
"items": [
"全日本マッスル協会 副会長",
"筋肉 凄蔵",
"トレーナー歴12年・累計生徒数2000人以上"
],
"style": "縦書きの白い日本語テキスト、プレミアムなエディトリアル配置"
},
"cta_area": {
"position": "lower left to center",
"count": 3,
"buttons": [
{
"label": "無料体験はこちら",
"style": "プライマリの発光する青グラデーション角丸長方形"
},
{
"label": "料金プランを見る",
"style": "白枠付きのダーク半透明角丸長方形"
},
{
"label": "お問合せ",
"style": "白枠付きのダーク半透明角丸長方形"
}
]
},
"campaign_banner": {
"position": "lower right overlapping the subject",
"count": 3,
"texts": [
"今なら",
"入会金0円",
"キャンペーン実施中!"
],
"style": "太字の青い半透明リボンバナー、特大の白い数字の0、エネルギッシュなプロモーション強調"
},
"feature_row": {
"position": "bottom full width",
"count": 4,
"items": [
{
"icon": "円の中に24",
"title": "24時間営業",
"description": "いつでも好きな時間にトレーニング。"
},
{
"icon": "円の中に下向き矢印または葉のエンブレム",
"title": "初心者歓迎",
"description": "初めてでも安心のサポート体制。"
},
{
"icon": "円の中にマップピン",
"title": "駅近3分",
"description": "通いやすい好立地で続けやすい。"
},
{
"icon": "円の中にネクタイを締めた人物",
"title": "プロトレーナー在籍",
"description": "目標達成を専門トレーナーが支援。"
}
]
},
"palette": {
"primary": "electric blue",
"secondary": "deep navy",
"text": "white",
"accent": "glow cyan"
},
"design_notes": [
"ジムランディングページ向けのハイエンドなWebデザインコンセプトに見せる",
"クリーンで説得力があり、コンバージョンを重視したレイアウトを維持する",
"高級感のある肉体改造メッセージを強調する",
"目に見えるUIテキストはすべて日本語にする",
"UIにはシャープで現代的なサンセリフフォントを使用し、見出しには太字のディスプレイ文字を使用する"
]
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[BLUE IMPACT GYM]プレースホルダー[限界を、超えろ。]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日