ダークモード対応AI API価格設定ページモックアップ

{
  "type": "dark mode web page UI mockup",
  "theme": "sleek, modern, dark theme with white and light grey text",
  "header": {
    "logo": "{argument name=\"company name\" default=\"OpenAI\"}",
    "navigation": [
      "Research",
      "Products",
      "Safety",
      "Company"
    ],
    "actions": [
      "Search icon",
      "Log in",
      "Try ChatGPT button"
    ]
  },
  "layout": {
    "left_column": {
      "label": "PRICING",
      "headline": "{argument name=\"model name\" default=\"GPT-8\"}",
      "subheading": "{argument name=\"main tagline\" default=\"Our most powerful model yet.\"}",
      "description": "GPT-8 is designed for intelligence, reliability, and real-world impact. Built with multimodal reasoning, long-context understanding, and advanced tool use.",
      "button": "GET STARTED",
      "features": {
        "count": 3,
        "items": [
          {
            "icon": "brain",
            "title": "Frontier intelligence",
            "desc": "State-of-the-art reasoning, coding, and problem solving."
          },
          {
            "icon": "shield",
            "title": "Trusted by design",
            "desc": "Stronger safety, more steerability, and enterprise-grade reliability."
          },
          {
            "icon": "lightning bolt",
            "title": "Built for builders",
            "desc": "Native tool use, structured outputs, and long-context workflows."
          }
        ]
      }
    },
    "right_column": {
      "type": "pricing card",
      "header": "PRICING - Simple, token-based pricing. No hidden fees.",
      "toggle": [
        "INPUT",
        "CACHE READ"
      ],
      "token_pricing": {
        "count": 5,
        "rows": [
          {
            "name": "Text tokens",
            "unit": "Per 1M tokens",
            "price": "{argument name=\"text token price\" default=\"$3.00\"}"
          },
          {
            "name": "Image tokens",
            "unit": "Per 1M tokens",
            "price": "$10.00"
          },
          {
            "name": "Audio tokens",
            "unit": "Per 1M tokens",
            "price": "$6.00"
          },
          {
            "name": "Video tokens",
            "unit": "Per 1M tokens",
            "price": "$15.00"
          },
          {
            "name": "Output tokens",
            "unit": "Per 1M tokens",
            "price": "{argument name=\"output token price\" default=\"$12.00\"}"
          }
        ]
      },
      "additional_features": {
        "count": 2,
        "rows": [
          {
            "name": "Caching",
            "desc": "Save on repeated inputs with caching.",
            "price": "$0.30 / 1M tokens"
          },
          {
            "name": "Batch API (50% discount)",
            "desc": "Lower costs for asynchronous workloads.",
            "price": "-50%"
          }
        ]
      },
      "footer_links": [
        "LEARN MORE",
        "Model docs",
        "Pricing details"
      ]
    }
  },
  "footer": "Prices are in USD. View the full pricing table in our docs."
}