ログイン
Google でログイン
ログイン
ホーム
学校
概要
学校制服
航空
概要
航空会社
リアルタイム便
航空制服
写真集
概要
Gemini
ChatGPT
Grok
チャンネル
プロンプト
概要
AIプロンプトジェネレーター
コーデブック
UniForme 制服アーカイブ
ホーム
学校
概要
学校制服
航空
概要
航空会社
リアルタイム便
航空制服
写真集
概要
Gemini
ChatGPT
Grok
チャンネル
プロンプト
概要
AIプロンプトジェネレーター
コーデブック
AI写真集
skincare e-commerce landing page mockup
skincare e-commerce landing page mockup
Facebook
X
LINE
LinkedIn
Email
Copy
Share
結菜
プロンプト
コピー
{
"type": "skincare e-commerce landing page mockup",
"brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
"color_palette": ["white", "light blue", "{argument name=\"primary color\" default=\"dark blue\"}"],
"layout": {
"header": {
"logo": "left-aligned brand name with Japanese subtext",
"navigation_links": {
"count": 6,
"labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
},
"buttons": {
"count": 2,
"labels": ["マイページ", "今すぐ購入する"]
}
},
"hero_section": {
"left_column": {
"headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
"subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits",
"buttons": {
"count": 2,
"labels": ["今すぐ購入する", "詳しく見る"]
}
},
"center_column": {
"product": "white pump bottle with clear cap labeled {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
"props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
},
"right_column": {
"subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}",
"background": "blurred laboratory glassware in a bright, clean clinical setting"
}
},
"bottom_features_panel": {
"left_cards": {
"count": 3,
"descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"]
},
"right_badges": {
"count": 3,
"descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"]
},
"footer": "fine print disclaimers at the bottom"
}
}
}
説明
source:
X@ryuya__31
プラットフォーム
ChatGPT
モデル
Nano Banana Pro
生成タイプ
txt2img
アップロード日
2026-05-01
タグ
#UI
#design
#設計
#landing page
#mockup