Skincare Landing Page Hero Section

Generates a highly structured e-commerce landing page first view for a skincare brand, featuring a model, product shots, feature icons, and statistics.

公開日 2026年4月20日元の言語: EN

プロンプト

全文プロンプト。コピーや編集にそのまま使えます。

{
  "type": "landing page hero section",
  "theme": "skincare and beauty",
  "color_palette": ["white", "teal", "light blue"],
  "header": {
    "logo": "CLEAR RESET",
    "navigation_links": 5,
    "buttons": 2
  },
  "hero_content": {
    "headline": "毛穴・ニキビ悩みに、すっきり澄んだ肌へ。",
    "subheadline": "Balances sebum and clears pores. Non-sticky, medicated skincare for comfortable daily use.",
    "feature_icons": {
      "count": 4,
      "labels": ["医薬部外品", "毛穴ケア", "べたつかない", "毎日使える 朝・夜OK"]
    }
  },
  "centerpiece": {
    "products": {
      "count": 2,
      "description": "skincare gel and lotion",
      "items": ["teal tube", "clear bottle"]
    },
    "background": "water surface with floating bubbles"
  },
  "model": {
    "description": "young Asian woman with clear radiant skin, hair tied up, gentle smile",
    "position": "right side"
  },
  "bottom_section": {
    "cta_buttons": {
      "count": 2,
      "labels": ["お得に試してみる >", "詳細を見る >"]
    },
    "statistics_cards": {
      "count": 4,
      "labels": ["使用感満足度 92%", "毛穴の目立ち -23%", "ニキビ・肌あれ予防 87%", "リピートしたい 97%"]
    }
  }
}