ม็อกอัป UI ส่วนฮีโร่เว็บไซต์ฟิตเนสญี่ปุ่น

{
  "type": "fitness gym website hero section mockup",
  "style": "ultra-polished modern Japanese landing page, premium sports branding, dark neon blue color grading, high contrast, cinematic advertising look, realistic photo composited with glossy UI design",
  "brand": {
    "name": "[BLUE IMPACT GYM]",
    "logo": "sharp angular blue-and-white lightning emblem to the left of the brand name"
  },
  "canvas": {
    "aspect_ratio": "16:9",
    "composition": "single full-width first-view website header"
  },
  "background": {
    "theme": "dark luxury gym interior with blurred equipment and dramatic blue light streaks",
    "effects": [
      "electric blue diagonal motion lines",
      "lens flares",
      "glowing highlights",
      "subtle smoky depth",
      "metallic reflections"
    ]
  },
  "navigation": {
    "position": "top bar",
    "count": 5,
    "items": [
      "特徴",
      "プラン・料金",
      "店舗情報",
      "資料請求",
      "お問い合わせ"
    ],
    "style": "white Japanese text links centered, two outlined glowing CTA buttons on the right"
  },
  "main_visual": {
    "subject": "muscular Asian male personal trainer in his 20s to 30s, upper body prominently shown on the right half, holding a black dumbbell near his torso, wearing a fitted black sleeveless athletic tank top, sweaty skin, defined shoulders and arms, intense premium fitness campaign look",
    "face": "partially frontal portrait with confident posture",
    "lighting": "hard rim light and cool blue highlights emphasizing muscle definition"
  },
  "headline": {
    "position": "left-center",
    "text": "[限界を、超えろ。]",
    "style": "very large bold distressed Japanese display typography in white, dynamic slanted layout, gritty texture"
  },
  "subcopy": {
    "position": "left-lower under headline",
    "text": "20代〜30代男性のための、本気で変わるトレーニング空間。理想のカラダづくりを最短でサポート。",
    "style": "smaller white Japanese text, 2 lines, clean sans-serif"
  },
  "trainer_profile": {
    "position": "right side vertical text beside the model",
    "count": 3,
    "items": [
      "全日本マッスル協会 副会長",
      "筋肉 凄蔵",
      "トレーナー歴12年・累計生徒数2000人以上"
    ],
    "style": "vertical white Japanese text, premium editorial arrangement"
  },
  "cta_area": {
    "position": "lower left to center",
    "count": 3,
    "buttons": [
      {
        "label": "無料体験はこちら",
        "style": "primary glowing blue gradient rounded rectangle"
      },
      {
        "label": "料金プランを見る",
        "style": "dark transparent rounded rectangle with white border"
      },
      {
        "label": "お問合せ",
        "style": "dark transparent rounded rectangle with white border"
      }
    ]
  },
  "campaign_banner": {
    "position": "lower right overlapping the subject",
    "count": 3,
    "texts": [
      "今なら",
      "入会金0円",
      "キャンペーン実施中！"
    ],
    "style": "bold blue translucent ribbon banner, oversized white numeral 0, energetic promotional emphasis"
  },
  "feature_row": {
    "position": "bottom full width",
    "count": 4,
    "items": [
      {
        "icon": "24 in a circle",
        "title": "24時間営業",
        "description": "いつでも好きな時間にトレーニング。"
      },
      {
        "icon": "downward arrow or leaf emblem in a circle",
        "title": "初心者歓迎",
        "description": "初めてでも安心のサポート体制。"
      },
      {
        "icon": "map pin in a circle",
        "title": "駅近3分",
        "description": "通いやすい好立地で続けやすい。"
      },
      {
        "icon": "person with tie in a circle",
        "title": "プロトレーナー在籍",
        "description": "目標達成を専門トレーナーが支援。"
      }
    ]
  },
  "palette": {
    "primary": "electric blue",
    "secondary": "deep navy",
    "text": "white",
    "accent": "glow cyan"
  },
  "design_notes": [
    "make it look like a high-end web design concept for a gym landing page",
    "keep the layout clean, persuasive, and conversion-focused",
    "emphasize a premium transformation message",
    "all visible interface text should be in Japanese",
    "use sharp modern sans-serif fonts for UI and bold display lettering for the headline"
  ]
}