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.

这是一个用于其他灵感的 gpt-image-2 提示词案例。你可以复制下方 prompt 生成相似图片；商用前请复核 YouMind OpenLab awesome-gpt-image-2 来源归因和原始权利。

作者 @IDK

生成

提示词

可复制提示词

{
  "type": "深色模式网页 UI 模型",
  "theme": "时尚、现代的深色主题，配有白色和浅灰色文字",
  "header": {
    "logo": "{argument name=\"company name\" default=\"OpenAI\"}",
    "navigation": ["研究", "产品", "安全", "公司"],
    "actions": ["搜索图标", "登录", "试用 ChatGPT 按钮"]
  },
  "layout": {
    "left_column": {
      "label": "定价",
      "headline": "{argument name=\"model name\" default=\"GPT-8\"}",
      "subheading": "{argument name=\"main tagline\" default=\"Our most powerful model yet.\"}",
      "description": "GPT-8 专为智能、可靠性和实际应用而设计。具备多模态推理、长上下文理解和高级工具使用能力。",
      "button": "开始使用",
      "features": {
        "count": 3,
        "items": [
          {"icon": "brain", "title": "前沿智能", "desc": "最先进的推理、编码和问题解决能力。"},
          {"icon": "shield", "title": "值得信赖的设计", "desc": "更强的安全性、更高的可控性以及企业级的可靠性。"},
          {"icon": "lightning bolt", "title": "为开发者而生", "desc": "原生工具使用、结构化输出和长上下文工作流。"}
        ]
      }
    },
    "right_column": {
      "type": "定价卡片",
      "header": "定价 - 简单、基于 Token 的定价。无隐藏费用。",
      "toggle": ["输入", "缓存读取"],
      "token_pricing": {
        "count": 5,
        "rows": [
          {"name": "文本 Token", "unit": "每 100 万 Token", "price": "{argument name=\"text token price\" default=\"$3.00\"}"},
          {"name": "图像 Token", "unit": "每 100 万 Token", "price": "$10.00"},
          {"name": "音频 Token", "unit": "每 100 万 Token", "price": "$6.00"},
          {"name": "视频 Token", "unit": "每 100 万 Token", "price": "$15.00"},
          {"name": "输出 Token", "unit": "每 100 万 Token", "price": "{argument name=\"output token price\" default=\"$12.00\"}"}
        ]
      },
      "additional_features": {
        "count": 2,
        "rows": [
          {"name": "缓存", "desc": "通过缓存节省重复输入费用。", "price": "$0.30 / 100 万 Token"},
          {"name": "批量 API (5 折优惠)", "desc": "降低异步工作负载的成本。", "price": "-50%"}
        ]
      },
      "footer_links": ["了解更多", "模型文档", "定价详情"]
    }
  },
  "footer": "价格以美元计算。请在我们的文档中查看完整定价表。"
}