Beauty Landing Page Hero Section

A JSON-structured prompt for generating a high-converting cosmetic landing page mockup, featuring a model, product shots, and detailed UI elements like badges and feature cards. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "landing page hero section mockup", "theme": { "industry": "beauty and cosmetics", "primary_color": "{argument name=\"primary color\" default=\"soft pink\"}", "accent_color": "gold" }, "layout": { "header": { "logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}", "nav_links": { "count": 5, "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"] }, "cta_button": "今すぐ試す" }, "left_column": { "headline": "{argument name=\"headline text\" default=\"鏡を見るたび、うるおう透明感。\"}", "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。", "feature_tags": { "count": 3, "labels": ["敏感肌OK", "高保湿", "朝晩使える"] }, "bullet_points": { "count": 3, "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"] }, "action_area": { "primary_button": "{argument name=\"CTA text\" default=\"初回限定で試してみる >\"}", "secondary_button": "成分をチェック >", "trust_markers": { "count": 3, "labels": ["送料無料", "初回限定", "定期縛りなし"] } } }, "right_column": { "model": "young East Asian woman, smiling, touching cheek, holding serum bottle", "product_display": { "product": "{argument name=\"product type\" default=\"moisturizing boost serum\"}", "elements": ["bottle in hand", "bottle on table", "packaging box", "purple flowers"] }, "stat_badges": { "count": 3, "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"] } }, "bottom_row": { "feature_cards": { "count": 3, "labels": ["うるおい", "透明感", "使いやすさ"] } } } }

A practical guide to Beauty Landing Page Hero Section

Use Beauty Landing Page Hero Section to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.