UI / App / 网页 / SaaS
深色模式 AI API 定价页面模型
为 AI 模型的定价页面生成一个时尚的深色主题网页 UI 模型,包含首屏区域和详细的 Token 定价卡片。
- ID
- 13680
- 作者
- IDK
- 标签
- UI / App / 网页 / SaaS / 产品 / 电商 / 包装 / Logo / 品牌 / 视觉识别
中文提示词
{
"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": "价格以美元计算。请在我们的文档中查看完整定价表。"
}
原始提示词
{
"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."
}