Advanced AI web design API

Generates a structured e-commerce hero banner for skincare products, featuring a model, product shots, feature icons, and statistic cards. { "type": "e-commerce landing page hero section", "brand": "{argument name=\"brand name\" default=\"CLEAR RESET\"}", "theme": "refreshing skincare, clean aesthetic, water bubbles background", "color_palette": ["white", "{argument name=\"primary color\" default=\"teal\"}", "light blue"], "layout": { "header": { "logo": "CLEAR RESET", "navigation_links": {"count": 5, "labels": ["About Product", "About Pores/Acne", "Ingredients", "How to Use", "FAQ"]}, "action_buttons": {"count": 2, "labels": ["Buy Now", "My Page"]} }, "hero_content": { "headline": "{argument name=\"main headline\" default=\"毛穴・ニキビ悩みに、すっきり澄んだ肌へ。\"}", "subheadline": "Balances sebum and clears pores. Non-sticky, medicated skincare for comfortable daily use.", "vertical_copy": "Prevents recurring rough skin and acne, leading to smooth, clear skin." }, "visuals": { "model": "{argument name=\"model description\" default=\"young Asian woman with clear radiant skin, hair tied up, smiling softly\"}", "products": { "count": 2, "description": "{argument name=\"product type\" default=\"acne care gel tube and lotion bottle\"}", "placement": "center" }, "background": "light blue gradient with floating water bubbles" }, "feature_highlights": { "count": 4, "style": "circular icons with text below", "labels": ["Quasi-drug", "Pore Care", "Non-sticky", "Daily Use Morning/Night OK"] }, "call_to_action": { "banner_text": "Limited to first-time buyers", "buttons": {"count": 2, "labels": ["Try it at a discount", "See details"]} }, "statistics_cards": { "count": 4, "style": "white rectangular cards with large teal numbers", "labels": ["Satisfaction 92%", "Pore visibility -23%", "Acne prevention 87%", "Want to repeat 97%"] } } }

Generates a sleek, dark-themed e-commerce landing page mockup for a men's skincare product, featuring a model, product shot, and feature statistics. { "type": "website landing page mockup", "theme": "men's skincare, sleek, professional, dark mode", "color_palette": "{argument name=\"color scheme\" default=\"dark navy blue\"}, white text, subtle blue gradients", "header": { "logo": "{argument name=\"brand name\" default=\"NEX SKIN\"}", "navigation": ["HOME", "PRODUCT", "ABOUT", "FEATURE", "FAQ"], "cta_button": "今すぐ始める >" }, "hero_section": { "left_column": { "headline": "{argument name=\"main headline\" default=\"清潔感は、毎日のスキンケアから。\"}", "sub_headline": "男の肌は、もっとシンプルでいい。", "body_text": "3 lines of descriptive text about skincare benefits", "buttons": [ {"style": "solid blue", "text": "今すぐ始める >"}, {"style": "outlined", "text": "詳しく見る >"} ], "feature_highlights": { "count": 3, "items": [ {"icon": "sparkle", "title": "テカリ対策", "subtitle": "皮脂バランスを整える"}, {"icon": "water drop", "title": "保湿", "subtitle": "うるおいを与え続ける"}, {"icon": "shield/bottle", "title": "オールインワン", "subtitle": "化粧水・美容液・乳液がこれ1本"} ] } }, "center_image": { "subject": "handsome {argument name=\"target demographic\" default=\"young Asian man\"}", "appearance": "clean-cut, dark hair, flawless glowing skin, wearing a black shirt", "pose": "hand touching chin thoughtfully", "lighting": "dramatic studio lighting highlighting facial structure" }, "right_column": { "product_shot": { "bottle": "tall cylindrical dark blue bottle with water droplets", "labels": ["{argument name=\"brand name\" default=\"NEX SKIN\"}", "{argument name=\"product type\" default=\"ALL-IN-ONE LOTION\"}", "150mL"], "base": "textured dark rock surface", "badge": "circular outlined badge reading 'これ1本で男の肌悩みをトータルケア'" } } }, "bottom_stats_bar": { "count": 3, "items": [ {"icon": "users", "label": "累計販売本数", "value": "120万本突破"}, {"icon": "star", "label": "使用感満足度", "value": "92.1%"}, {"icon": "checklist", "label": "リピート率", "value": "85.3%"} ], "footnotes": "small legal text on the right" } }