Men's Skincare Landing Page Mockup

Men's Skincare Landing Page Mockup

原文

GPT Image 2 · en

{
  "type": "Website landing page homepage",
  "theme": {
    "style": "Fashionable, Professional, Modern, Dark Mode",
    "colors": "{argument name=\"primary color theme\" default=\"Dark Navy Blue and Black\"}"
  },
  "layout": {
    "header": {
      "logo": "{argument name=\"brand name\" default=\"NEX SKIN\"}",
      "navigation_links": 5,
      "cta_button": "Start Now >"
    },
    "hero_content_left": {
      "headline": "{argument name=\"main headline\" default=\"A refreshing texture, derived from daily skincare.\"}",
      "subheadline": "For men's skincare, simplicity is key.",
      "body_text": "3 lines of descriptive text about the benefits of skincare",
      "action_buttons": 2,
      "features": {
        "count": 3,
        "labels": [
          "Oil control",
          "Moisturizing",
          "Multi-functional"
        ],
        "format": "Icon with title and subtitle"
      }
    },
    "hero_visuals_right": {
      "model": "{argument name=\"model description\" default=\"Handsome young Asian men with clean and radiant skin\"} Touching her chin, wearing a black shirt",
      "product": "{argument name=\"product type\" default=\"Men's multi-effect skin care lotion\"} A deep blue cylindrical bottle, adorned with water droplets, sits against a dark rock surface, its backlighting effect enhanced.",
      "floating_element": "Circular badge with text"
    },
    "bottom_statistics_bar": {
      "count": 3,
      "metrics": [
        "Cumulative sales exceeded 1.2 million bottles",
        "User satisfaction rate: 92.1%",
        "Repurchase rate: 85.3%"
      ],
      "format": "Icons, labels, and large percentages/numbers",
      "footnotes": "small text in the bottom right corner"
    }
  }
}

使い方

  1. パラメータを含む元のプロンプト全体をコピーします。
  2. 被写体、文字、構図を自分の要件に置き換えます。
  3. 対応する外部ツールで使用し、利用条件と結果を確認します。

開始前の確認

  • 参考画像の要否を確認してください。互換モデルの表示は、そのモデルでの生成実績を意味しません。
  • 名前、数値、画像内の文字を確認します。モデルの版で結果は変わります。

似た事例

Men's Skincare Website Landing Page Mockup
GPT Image 2en

{ "type": "Website landing page design draft", "theme": "Men's skincare, stylish, professional, dark mode", "color_palette": "{argument name=\"color scheme\" default=\"Deep Navy Blue\"} White text with a subtle blue gradient", "header": { "logo": "{argument name=\"bra

Beauty Landing Page Hero Section
GPT Image 2en

{ "type": "landing page hero section mockup", "theme": { "industry": "Beauty and skincare", "primary_color": "{argument name=\"primary color\" default=\"Soft pink\"}", "accent_color": "gold" }, "layout": { "header": { "logo": "{argument name=\"brand

Skincare Landing Page Hero Section
GPT Image 2en

{ "type": "landing page hero section", "theme": "skincare and beauty", "color_palette": [ "white", "{argument name=\"primary color\" default=\"teal\"}", "light blue" ], "header": { "logo": "{argument name=\"brand name\" default=\"CLEAR RESET\"}", "na

Skincare E-commerce Landing Page
GPT Image 2en

{ "type": "The first screen of the e-commerce landing page", "brand": "{argument name=\"brand name\" default=\"CLEAR RESET\"}", "theme": "Refreshing skincare, minimalist aesthetics, bubble background", "color_palette": [ "White", "{argument name=\"primary color\"

Skincare Landing Page Mockup
GPT Image 2en

{ "type": "skincare product landing page mockup", "design_style": "clean, clinical, trustworthy, modern", "color_palette": ["white", "{argument name=\"primary color\" default=\"light blue\"}", "navy blue"], "brand_name": "{argument name=\"brand name\" default=\"DERMA CALM