AI image example generated from the "Dark Mode AI API Pricing Page Mockup" GPT Image 2 prompt: Generates a sleek, dark-themed web UI mockup for an AI model's pricing page,…

GPT Image 2 AI image example generated with this reusable CDance AI prompt: Generates a sleek, dark-themed web UI mockup for an AI model's pricing page, featuring a hero section and a detailed token pricing card.

en

Dark Mode AI API Pricing Page Mockup

Generates a sleek, dark-themed web UI mockup for an AI model's pricing page, featuring a hero section and a detailed token pricing card.

BY @IDK

Prompt

{
  "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."
}

Related GPT Image 2 Prompts

Dark Mode AI API Pricing Page Mockup | GPT Image 2 AI image Prompt… | CDance AI