# GPT Image Hub prompt

## ダークモード AI 料金ページ UI
- URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-pricing-page-ui
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13680
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-pricing-page-ui
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: uiモックアップ, ダークモード, 料金ページ, ウェブデザイン, saas, ダッシュボード
- Updated: 2026-10-26T16:07:58.098Z
- Created: 2026-10-26T16:07:58.098Z

機能紹介とトークン料金表カードを備えた、洗練されたダークテーマのSaaS料金ページモックアップを生成します。ブランドや価格を柔軟に変更可能です。

### Full prompt
```text
{
  "type": "dark mode web page UI mockup",
  "theme": "洗練されたモダンなダークテーマ、白とライトグレーのテキスト",
  "header": {
    "logo": "[OpenAI]",
    "navigation": ["Research", "Products", "Safety", "Company"],
    "actions": ["検索アイコン", "ログイン", "Try ChatGPT ボタン"]
  },
  "layout": {
    "left_column": {
      "label": "PRICING",
      "headline": "[GPT-8]",
      "subheading": "[史上最も強力なモデル。]",
      "description": "GPT-8は知能、信頼性、実世界でのインパクトのために設計されています。マルチモーダル推論、長文脈理解、高度なツール活用を搭載。",
      "button": "GET STARTED",
      "features": {
        "count": 3,
        "items": [
          {"icon": "脳", "title": "フロンティア知能", "desc": "最先端の推論、コーディング、問題解決。"},
          {"icon": "盾", "title": "設計段階からの信頼性", "desc": "高い安全性、制御性、エンタープライズ品質の信頼性。"},
          {"icon": "稲妻", "title": "開発者のための設計", "desc": "ネイティブなツール利用、構造化出力、長文脈ワークフロー。"}
        ]
      }
    },
    "right_column": {
      "type": "pricing card",
      "header": "料金 - 明瞭なトークン課金制。隠れた費用なし。",
      "toggle": ["入力", "キャッシュ読み取り"],
      "token_pricing": {
        "count": 5,
        "rows": [
          {"name": "テキストトークン", "unit": "1Mトークンあたり", "price": "[$3.00]"},
          {"name": "画像トークン", "unit": "1Mトークンあたり", "price": "$10.00"},
          {"name": "音声トークン", "unit": "1Mトークンあたり", "price": "$6.00"},
          {"name": "動画トークン", "unit": "1Mトークンあたり", "price": "$15.00"},
          {"name": "出力トークン", "unit": "1Mトークンあたり", "price": "[$12.00]"}
        ]
      },
      "additional_features": {
        "count": 2,
        "rows": [
          {"name": "キャッシング", "desc": "キャッシュ利用で繰り返しの入力を節約。", "price": "$0.30 / 1M tokens"},
          {"name": "バッチAPI (50%割引)", "desc": "非同期ワークロードのコスト削減。", "price": "-50%"}
        ]
      },
      "footer_links": ["詳細を見る", "モデルドキュメント", "料金詳細"]
    }
  },
  "footer": "価格は米ドル表記です。完全な料金表はドキュメントをご覧ください。"
}
```