# GPT Image Hub prompt

## ダークモードのマーケティングケーススタディUI
- URL: https://www.gptimagehub.com/ja/library/agi2-89-dark-mode-marketing-case-study-ui
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=cmogx4gaj00ejzpdyjfmpkq4n
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fagi2-89-dark-mode-marketing-case-study-ui
- Category: UI / UX デザイン
- Model: gpt-image-1
- Aspect ratio: 1:1
- Style: graphic-design
- Updated: 2026-10-26T09:09:59.539Z
- Created: 2026-04-27T08:11:20.060Z

データチャートと光るアクセントを備えたダークモードのマーケティングケーススタディLPモックアップを生成。デジタルエージェンシーのポートフォリオやピッチデッキに最適です。

### Full prompt
```text
{
  "type": "UI/UXランディングページのモックアップ",
  "theme": "ダークモード、洗練されたモダンな美学、グラスモーフィズム、{argument name=\"primary accent color\" default=\"ネオンパープルとブルー\"}の光るアクセント",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "{argument name=\"hero headline\" default=\"1000万回以上のバイラルインパクトを生み出した方法\"}",
        "subheadline": "Detonated the entire network in 3 days, helping brands achieve exponential growth",
        "stats_row": {
          "count": 4,
          "labels": ["Total play volume", "Interaction rate", "Conversion consultation", "Execution cycle"],
          "values": ["{argument name=\"main statistic\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72 hours"]
        },
        "visual": "光るデジタル画面とグラフを見つめるパーカーを着た人物の映画のようなショット、大きな再生ボタンのオーバーレイ"
      },
      {
        "name": "戦略",
        "title": "Our 3-Day Execution Strategy",
        "layout_type": "垂直タイムライン",
        "steps_count": 3,
        "elements_per_step": ["タイムラインノード", "タイトル", "箇条書き", "再生ボタン付き動画サムネイル", "説明ボックス"]
      },
      {
        "name": "パフォーマンス",
        "title": "Data-Driven Performance",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "3日目をピークとする7日間の成長を示す折れ線グラフ",
          "chart_2": "プラットフォーム分布を示す横方向のセグメント化された棒グラフ (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "成功の鍵",
        "title": "The 3 Keys to Viral Success",
        "cards_count": 3,
        "card_elements": ["光るアイコン（炎、ターゲット、アンテナ）", "タイトル", "説明", "VIEW DETAIL リンク"]
      },
      {
        "name": "社会的証明",
        "title": "TRUSTED BY CREATORS & BRANDS",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["引用文", "著者の肩書き (SaaS Founder, Growth Manager)"]
        }
      },
      {
        "name": "コールトゥアクション",
        "title": "READY TO GO VIRAL?",
        "interactive_elements": ["テキスト入力フィールド", "「{argument name=\"call to action text\" default=\"専用の成長プランを入手 ->\"}」のテキストが入った光るボタン"],
        "visual": "紫と青の炎を上げて離陸するロケットの3Dレンダリング"
      }
    ]
  }
}
```
### Source
- Author: @开发者Hailey
- URL: https://x.com/IndieDevHailey/status/2044974254769463312\#reversed-0
- License: CC BY 4.0