# GPT Image Hub prompt

## Giao diện UI Trang Báo Giá AI Chế độ Tối
- URL: https://www.gptimagehub.com/vi/library/dark-mode-ai-pricing-page-ui
- Generator URL: https://www.gptimagehub.com/vi/generate?promptId=oss-ym-g2-13680
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fvi%2Flibrary%2Fdark-mode-ai-pricing-page-ui
- Category: Thiết kế UI / UX
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: mockup ui, chế độ tối, trang bảng giá, thiết kế web, saas, bảng điều khiển
- Updated: 2026-10-26T16:07:58.098Z
- Created: 2026-10-26T16:07:58.098Z

Tạo bản mẫu trang bảng giá SaaS giao diện tối hiện đại với điểm nổi bật tính năng và thẻ giá token. Tùy chỉnh tên mô hình, thương hiệu và mức giá.

### Full prompt
```text
{
  "type": "dark mode web page UI mockup",
  "theme": "sleek, modern, dark theme with white and light grey text",
  "header": {
    "logo": "[OpenAI]",
    "navigation": ["Research", "Products", "Safety", "Company"],
    "actions": ["Search icon", "Log in", "Try ChatGPT button"]
  },
  "layout": {
    "left_column": {
      "label": "PRICING",
      "headline": "[GPT-8]",
      "subheading": "[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": "[$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": "[$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."
}
```