Dark Mode AI API Pricing Page Mockup
"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."