Dark Mode AI API Pricing Page Mockup

{
  "type": "Dark Mode Web UI Model",
  "theme": "A stylish, modern dark theme with white and light gray text.",
  "header": {
    "logo": "{argument name=\"company name\" default=\"OpenAI\"}",
    "navigation": [
      "Research",
      "product",
      "Safety",
      "company"
    ],
    "actions": [
      "Search icon",
      "Log in",
      "Try the 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 applications. It features multimodal reasoning, long-context understanding, and advanced tool usage capabilities.",
      "button": "Start using",
      "features": {
        "count": 3,
        "items": [
          {
            "icon": "brain",
            "title": "Cutting-edge intelligence",
            "desc": "State-of-the-art reasoning, coding, and problem-solving capabilities."
          },
          {
            "icon": "shield",
            "title": "Trustworthy design",
            "desc": "Enhanced security, greater controllability, and enterprise-grade reliability."
          },
          {
            "icon": "lightning bolt",
            "title": "Born for developers",
            "desc": "Native tool usage, structured output, and long-context workflows."
          }
        ]
      }
    },
    "right_column": {
      "type": "Pricing Card",
      "header": "Pricing - Simple, token-based pricing. No hidden fees.",
      "toggle": [
        "enter",
        "Cache read"
      ],
      "token_pricing": {
        "count": 5,
        "rows": [
          {
            "name": "Text Token",
            "unit": "Every 1 million tokens",
            "price": "{argument name=\"text token price\" default=\"$3.00\"}"
          },
          {
            "name": "Image Token",
            "unit": "Every 1 million tokens",
            "price": "$10.00"
          },
          {
            "name": "Audio Token",
            "unit": "Every 1 million tokens",
            "price": "$6.00"
          },
          {
            "name": "Video Token",
            "unit": "Every 1 million tokens",
            "price": "$15.00"
          },
          {
            "name": "Output Token",
            "unit": "Every 1 million tokens",
            "price": "{argument name=\"output token price\" default=\"$12.00\"}"
          }
        ]
      },
      "additional_features": {
        "count": 2,
        "rows": [
          {
            "name": "cache",
            "desc": "Save on the cost of repeated input by caching.",
            "price": "$0.30 / 1 million tokens"
          },
          {
            "name": "Bulk API (50% off)",
            "desc": "Reduce the cost of asynchronous workloads.",
            "price": "-50%"
          }
        ]
      },
      "footer_links": [
        "learn more",
        "Model Documentation",
        "Pricing details"
      ]
    }
  },
  "footer": "Prices are in US dollars. Please see our full pricing table in our documentation."
}