Prompt template
Floral Serum Landing Page Hero
A bright floral serum landing hero with a headline column, a model holding a dropper bottle and stat cards; accent, brand, headline and serum type change.
Start from an example
Pick an example to load its exact settings, then make it yours.
Make it yours
Only the parts worth changing are shown. The prompt updates as you go.
Your prompt
{ "type": "e-commerce landing page hero section mockup", "aesthetic": "clean, bright, airy, feminine, floral accents with purple flowers, soft pink and white color palette, soft lighting", "header": { "logo": "LUMEA BEAUTY", "navigation_links": { "count": 5, "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"] }, "cta_button": "今すぐ試す" }, "hero_section": { "left_column": { "headline": "鏡を見るたび、うるおう透明感。", "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。", "feature_badges": { "count": 3, "style": "pill-shaped with small icons", "labels": ["敏感肌OK", "高保湿", "朝晩使える"] }, "bullet_points": { "count": 3, "style": "pink checkmarks", "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"] }, "cta_buttons": { "count": 2, "labels": ["初回限定で試してみる >", "成分をチェック >"] }, "trust_badges": "送料無料 / 初回限定 / 定期縛りなし" }, "center_subject": { "model": "young East Asian woman smiling, touching her cheek", "action": "holding a dropper bottle of serum" }, "right_column": { "product_display": { "count": 2, "items": ["moisturizing boost serum dropper bottle", "packaging box"] }, "stat_cards": { "count": 3, "style": "floating white rounded rectangles with gold accents", "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"] } } }, "bottom_section": { "benefit_cards": { "count": 3, "style": "horizontal white rounded rectangles with icons", "labels": ["うるおい", "透明感", "使いやすさ"] } } }
Click a highlighted part to change it.
When to use it
Use when a skincare serum needs a mock storefront hero in Japanese with claims, badges and stats already laid out around your brand.
How to get the best result
- Pick a soft accent that reads on white; the checkmarks are fixed as pink, so a shade near pink looks most coherent.
- Keep the brand to one or two words in caps; five nav links and a button share the header row with it.
- Write the headline as one line about the skin result; the fixed subheadline below already makes the ingredient claim.
Watch-outs
- The page carries over twenty text elements, most in Japanese; that density raises the error rate on badges and stats.
- The long JSON spec leaves little weight for the model description; a short plain line about her pose beats a long one.
Related templates
- Anime Mascot Candy Brand BoardUse when a mascot character needs a full candy-brand presentation with packaging, poster and merch on one sheet, in her own color and motif.
- Mascot Character Design DocumentUse when you want a single sheet that looks like a complete mascot development process for a brand, not just one character render.
- Dermatologist Skincare Landing PageUse when a sensitive-skin product needs a storefront mockup that leans on clinical cues such as lab glass and a doctor-supervised badge.
- Dark Mode Men's Skincare Landing PageUse when a men's grooming product needs a sleek dark storefront mockup and the brand has to appear on both the header and the bottle.
- Pore Care Skincare Landing HeroUse when an acne or pore product needs an English-labeled storefront hero with stats and feature icons around a two-bottle shot.
- Patterned Fashion Collection CatalogUse when a textile print needs to be shown across a small collection as a catalog page rather than as a lone swatch.