
UI / UX Design
Skincare Landing Page Hero Section
Generates a clean Japanese-style e-commerce landing page hero section for skincare products. Customize the brand name, headline, product packaging, and color scheme to match your line.
ui-uxlanding-pageskincareecommercehero-sectionweb-design
Source:ryuya__31
Prompt
{
"type": "e-commerce landing page hero section",
"brand": "[CLEAR RESET]",
"theme": "refreshing skincare, clean aesthetic, water bubbles background",
"color_palette": [
"white",
"[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": "[毛穴・ニキビ悩みに、すっきり澄んだ肌へ。]",
"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": "[young Asian woman with clear radiant skin, hair tied up, smiling softly]",
"products": {
"count": 2,
"description": "[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%"
]
}
}
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[CLEAR RESET]placeholder[teal]placeholder[毛穴・ニキビ悩みに、すっきり澄んだ肌へ。]placeholder[acne care gel tube and lotion bottle]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
- Creator
- ryuya__31
- License
- MIT
- Added