
UI / UX Design
Beauty Cosmetics Landing Page Mockup
Generates a clean landing page hero section mockup for a skincare and beauty product. Customize the brand name, headline, product type, and accent colors to showcase your cosmetic brand.
landing pageui designcosmeticsskincaremockupweb designe-commerce
Prompt
{
"type": "landing page hero section mockup",
"theme": {
"industry": "beauty and cosmetics",
"primary_color": "[soft pink]",
"accent_color": "gold"
},
"layout": {
"header": {
"logo": "[LUMEA BEAUTY]",
"nav_links": {
"count": 5,
"labels": [
"特徴",
"成分",
"お客様の声",
"使い方",
"FAQ"
]
},
"cta_button": "今すぐ試す"
},
"left_column": {
"headline": "[鏡を見るたび、うるおう透明感。]",
"subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。",
"feature_tags": {
"count": 3,
"labels": [
"敏感肌OK",
"高保湿",
"朝晩使える"
]
},
"bullet_points": {
"count": 3,
"labels": [
"美容成分をしっかり届ける",
"ハリ・ツヤのある印象へ",
"続けやすいシンプルケア"
]
},
"action_area": {
"primary_button": "[初回限定で試してみる >]",
"secondary_button": "成分をチェック >",
"trust_markers": {
"count": 3,
"labels": [
"送料無料",
"初回限定",
"定期縛りなし"
]
}
}
},
"right_column": {
"model": "young East Asian woman, smiling, touching cheek, holding serum bottle",
"product_display": {
"product": "[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": [
"うるおい",
"透明感",
"使いやすさ"
]
}
}
}
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[soft pink]placeholder[LUMEA BEAUTY]placeholder[鏡を見るたび、うるおう透明感。]placeholder[初回限定で試してみる >]placeholder[moisturizing boost serum]placeholder
Prompt details
- Category
- UI / UX Design
- Model
- GPT IMAGE 2
- Cost per image
- 1K: 43 credits · 2K: 86 credits · 4K: 143 credits
- Aspect ratio
- 16:9
- Added