プロンプト

{ "type": "website landing page hero section", "theme": { "style": "sleek, professional, modern, dark mode", "colors": "{argument name=\"primary color theme\" default=\"deep navy blue and black\"}" }, "layout": { "header": { "logo": "{argument name=\"brand name\" default=\"NEX SKIN\"}", "navigation_links": 5, "cta_button": "今すぐ始める >" }, "hero_content_left": { "headline": "{argument name=\"main headline\" default=\"清潔感は、毎日のスキンケアから。\"}", "subheadline": "男の肌は、もっとシンプルでいい。", "body_text": "3 lines of descriptive text regarding skincare benefits", "action_buttons": 2, "features": { "count": 3, "labels": ["テカリ対策", "保湿", "オールインワン"], "format": "icon with title and subtext" } }, "hero_visuals_right": { "model": "{argument name=\"model description\" default=\"handsome young Asian man with clean glowing skin\"}, touching chin, wearing black shirt", "product": "{argument name=\"product type\" default=\"men's all-in-one skincare lotion\"}, dark blue cylindrical bottle with water droplets, resting on dark rocky surface, backlit", "floating_element": "circular badge with text" }, "bottom_statistics_bar": { "count": 3, "metrics": ["累計販売本数 120万本突破", "使用感満足度 92.1%", "リピート率 85.3%"], "format": "icon, label, and large percentage/number", "footnotes": "small text at bottom right" } } }

生成結果

Men's Skincare Landing Page Mockup

設定