Skincare Landing Page Mockup

원본 문서

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)"
    }
  }
}

사용 방법

1. 매개변수를 포함한 전체 원본 프롬프트를 복사하세요.
2. 주제, 문구, 구도를 자신의 요구에 맞게 바꾸세요.
3. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

• 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
• 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.