Home / Prompts / Dark Mode AI API Pricing Page Mockup

Dark Mode AI API Pricing Page Mockup

A sleek dark-themed website pricing page mockup with a top navigation bar, a left marketing panel for a model launch, and a right-side pricing card listing token-based rates and discounts. The layout uses clean typography, simple icons, and a modern enterprise software aesthetic.

Model: gpt-image-2Category: Product MarketingStyle: MinimalistLanguage: en

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"] ...

Related Prompts

  • Cinematic Boxing Match Poster
  • Anime Art Process Infographic
  • Y2K Teen Magazine Studio Portrait
  • Y2K Retro-Tech Youth Portrait

Explore More

Browse more prompts by model or return to the full gallery for filters and interactions.

Open Gallery More gpt-image-2 Prompts