Dark Mode AI API Pricing Page Mockup

Dark Mode AI API Pricing Page Mockup

Documento originale

GPT Image 2 · en

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

Come usare

  1. Copia tutto il prompt originale, inclusi i parametri.
  2. Adatta soggetto, testo e composizione alle tue esigenze.
  3. Usa uno strumento esterno compatibile; verifica accesso e risultato.

Prima di iniziare

  • Controlla se serve un’immagine di riferimento. La compatibilità non prova il modello usato per l’esempio.
  • Verifica nomi, numeri e testi; i risultati cambiano con le versioni del modello.

Esempi simili

Dark AI Coding Dashboard UI
GPT Image 2en

{ "type": "Dark SaaS Analytics Dashboard UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "The interface features a deep navy blue frosted glass texture with subtle gradients, soft lighting, rounded cards, and thin borders, embo

Cosmic Dark Mode UI Design System
GPT Image 2en

{ "type": "UI design system", "theme": "Dark mode, space-inspired, glowing decorations", "header": { "label": "Design System", "title": "{argument name=\"system name\" default=\"COSMIC GRAVITY\"}", "subtitle": "{argument name=\"theme description\" default=\"A De

Dark Mode Marketing Case Study UI
GPT Image 2en

{ "type": "Landing page UI design", "theme": "Dark mode, modern and technological feel.{argument name=\"primary accent color\" default=\"Neon Purple\"} With blue glowing accents, glass-like style", "header": { "logo": "{argument name=\"brand name\" default=\"goViralX\"}

Light Mode UI Design System Board
GPT Image 2en

{ "type": "UI design system demonstration project", "theme": "{argument name=\"visual theme\" default=\"Optical Science and Light Refraction\"}", "overall_aesthetic": "A clean white background, light color mode, futuristic and sophisticated feel; its distinctive feature lie

YouTube Dark Mode Desktop UI Mockup
GPT Image 2en

{ "type": "Desktop web browser UI screenshots", "environment": "{argument name=\"os environment\" default=\"Windows 11 desktop\"}", "theme": "{argument name=\"ui theme\" default=\"Dark mode\"}", "browser_window": { "tabs": [ "YouTube", "New tab" ],

Dark AI Product Keynote Slide
GPT Image 2en

A premium dark presentation slide in a minimalist editorial tech style, widescreen 16:9 layout, matte black background with refined off-white typography and subtle gray divider lines. The overall mood is sleek, cinematic, and high-end, like a product keynote or design-forward AI