1 / 1

深色模式 AI API 定价页面模型

案列来源：IDK

UI 设计稿openai/gpt-image-2#UI 设计#体验设计#界面#版式设计

为 AI 模型的定价页面生成一个时尚的深色主题网页 UI 模型，包含首屏区域和详细的 Token 定价卡片。

9.6w人正在用

4:5推荐尺寸

3.8w收藏人数

提示词模板

{
  "type": "深色模式网页 UI 模型",
  "theme": "时尚、现代的深色主题，配有白色和浅灰色文字",
  "header": {
    "logo": "OpenAI",
    "navigation": [
      "研究",
      "产品",
      "安全",
      "公司"
    ],
    "actions": [
      "搜索图标",
      "登录",
      "试用 ChatGPT 按钮"
    ]
  },
  "layout": {
    "left_column": {
      "label": "定价",
      "headline": "GPT-8",
      "subheading": "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": "$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": "$12.00"
          }
        ]
      },
      "additional_features": {
        "count": 2,
        "rows": [
          {
            "name": "缓存",
            "desc": "通过缓存节省重复输入费用。",
            "price": "$0.30 / 100 万 Token"
          },
          {
            "name": "批量 API (5 折优惠)",
            "desc": "降低异步工作负载的成本。",
            "price": "-50%"
          }
        ]
      },
      "footer_links": [
        "了解更多",
        "模型文档",
        "定价详情"
      ]
    }
  },
  "footer": "价格以美元计算。请在我们的文档中查看完整定价表。"
}