Skincare E-commerce Landing Page Mockup

원본 문서

GPT Image 2 · en

{
  "type": "Skincare product e-commerce landing page design draft",
  "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "color_palette": [
    "White",
    "light blue",
    "{argument name=\"primary color\" default=\"Dark blue\"}"
  ],
  "layout": {
    "header": {
      "logo": "The brand name is left-aligned, with a Japanese subtitle.",
      "navigation_links": {
        "count": 6,
        "labels": [
          "about Us",
          "product",
          "Function",
          "component",
          "User Reviews",
          "Frequently Asked Questions"
        ]
      },
      "buttons": {
        "count": 2,
        "labels": [
          "My account",
          "Buy it now"
        ]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name=\"hero headline\" default=\"Daily skincare products that are safe for sensitive skin.\"}",
        "subtext": "The paragraph details the low-irritant, moisturizing, fragrance-free, and alcohol-free formula.",
        "buttons": {
          "count": 2,
          "labels": [
            "Buy it now",
            "learn more"
          ]
        }
      },
      "center_column": {
        "product": "White pump bottle with a clear cap, labeled as{argument name=\"product type\" default=\"Moisturizing Barrier Serum\"}",
        "props": [
          "A small clump of white cream",
          "A round badge with the words \"Dermatologist Supervised\" printed on it"
        ]
      },
      "right_column": {
        "subject": "{argument name=\"model description\" default=\"A young East Asian woman with clear, radiant skin that lightly touches her cheeks\"}",
        "background": "Blurred laboratory glassware in a bright, clean clinical environment"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": [
          "95% five-star reviews",
          "The shield icon represents a low-irritant formula.",
          "The water droplet icon represents skin barrier support."
        ]
      },
      "right_badges": {
        "count": 3,
        "descriptions": [
          "Fragrance-free icon",
          "No alcohol icon",
          "Allergy test icon"
        ]
      },
      "footer": "Detailed disclaimer at the bottom"
    }
  }
}

사용 방법

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

시작 전 확인

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