Skincare Landing Page Mockup

Original document

GPT Image 2 · en

{
  "type": "Skincare product landing page template",
  "design_style": "Simple, clinically relevant, trustworthy, modern",
  "color_palette": [
    "White",
    "{argument name=\"primary color\" default=\"light blue\"}",
    "Navy Blue"
  ],
  "brand_name": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "layout": {
    "header": {
      "left": "Brand Logo",
      "center": {
        "element": "Navigation menu",
        "count": 6,
        "labels": [
          "about Us",
          "Product Introduction",
          "Core Functions",
          "Ingredient Analysis",
          "User Reviews",
          "Frequently Asked Questions"
        ]
      },
      "right": {
        "element": "Call to Action Button",
        "count": 2,
        "labels": [
          "Personal Center",
          "Buy it now"
        ]
      }
    },
    "hero_section": {
      "background": "Blurred laboratory glassware (beakers, flasks) convey a sense of scientific formulation.",
      "left_column": {
        "headline": "{argument name=\"headline text\" default=\"Daily skincare products that are safe for sensitive skin.\"}",
        "body_text": "Describes its low-irritation, moisturizing, and barrier-repairing functions.",
        "call_to_action_buttons": {
          "count": 2,
          "styles": [
            "Solid Navy Blue",
            "White background with navy blue border"
          ]
        }
      },
      "center_column": {
        "product": "{argument name=\"product type\" default=\"White pump bottle for serum\"}",
        "props": [
          "A touch of white face cream"
        ],
        "floating_badge": "A round badge with the inscription 'Supervised by a Dermatologist'."
      },
      "right_column": {
        "model": "{argument name=\"model description\" default=\"A young Asian woman with radiant, glowing skin, a gentle smile, lightly touching her cheek.\"}"
      }
    },
    "features_section": {
      "container": "White rounded rectangle at the bottom",
      "count": 6,
      "items": [
        "Satisfaction rate '95%', with 5 navy blue stars.",
        "Shield icon with checkmark (low-irritation)",
        "Water drop icon (skin barrier support)",
        "Bottle with crossed-out icon (fragrance-free)",
        "Crossed-out icon for flask (alcohol-free)",
        "Add a checkmark icon to the clipboard (tested via patch)."
      ],
      "footer": "The disclaimer at the very bottom (small print)"
    }
  }
}

How to use

1. Copy the complete original prompt, including any parameters.
2. Replace the subject, text and composition with your own requirements.
3. Use a compatible external tool; check its current access conditions and review the result.

Before you start

• Check whether a reference image is required. A compatible model label does not mean this example was generated with that model.
• Keep names, figures and visible text accurate; results can vary between model versions.