# Dark Mode AI API Pricing Page Mockup

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, graphic or type, minimal, typography
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69QJMYV90P2CN0DM7D4A2XZ/w1200.webp
- Page: https://promptclay.com/prompts/dark-mode-ai-api-pricing-page-mockup-zvcf04

## Prompt

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

## About

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.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/dark-mode-ai-api-pricing-page-mockup-zvcf04
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [Mockup Prompts](/mockup-prompts.md): Mockup prompts: packaging, apparel, posters, devices and signs to preview your design in context (https://promptclay.com/mockup-prompts)
- [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [AI Image Generator UI Mockup](/prompts/ai-image-generator-ui-mockup-agaz5n.md): GPT Image 2, by @library.ui.design
- [Dark AI Coding Dashboard UI](/prompts/dark-ai-coding-dashboard-ui-8e9391.md): GPT Image 2, by @library.ui.design
- [Anime TCG Card Illustration Prompt](/prompts/anime-tcg-card-illustration-prompt-n9hvnr.md): GPT Image 2, by @library.game.art
- [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social
- [Generating Hollywood Detective Scene Images with Character Reference](/prompts/generating-hollywood-detective-scene-images-with-character-reference-fhyg0n.md): Nano Banana Pro, by @library.portraits
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers
- [Selective Material Image Editing](/prompts/selective-material-image-editing-yrzge6.md): GPT Image 2, by @library.concept
- [Futuristic GPT Image 2 Launch Banner](/prompts/futuristic-gpt-image-2-launch-banner-3kqd24.md): GPT Image 2, by @library.brand
- [Spotify Discovery UI Concept Poster](/prompts/spotify-discovery-ui-concept-poster-vzgxqn.md): GPT Image 2, by @library.typography
- [YouTube Live Presentation UI Mockup](/prompts/youtube-live-presentation-ui-mockup-wm3m11.md): GPT Image 2, by @library.thumbnails
- [Dark AI Product Keynote Slide](/prompts/dark-ai-product-keynote-slide-gh008y.md): GPT Image 2, by @library.explainers

---
Canonical: https://promptclay.com/prompts/dark-mode-ai-api-pricing-page-mockup-zvcf04
Search: /search.md?q=your+words
