ai21.net
언어

인터페이스 인터랙션 디자인 이미지

인터페이스 인터랙션 디자인 이미지 — 1

프롬프트

{
  "type": "skincare e-commerce landing page mockup",
  "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "color_palette": ["white", "light blue", "{argument name=\"primary color\" default=\"dark blue\"}"],
  "layout": {
    "header": {
      "logo": "left-aligned brand name with Japanese subtext",
      "navigation_links": {
        "count": 6,
        "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
      },
      "buttons": {
        "count": 2,
        "labels": ["マイページ", "今すぐ購入する"]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
        "subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits",
        "buttons": {
          "count": 2,
          "labels": ["今すぐ購入する", "詳しく見る"]
        }
      },
      "center_column": {
        "product": "white pump bottle with clear cap labeled {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
        "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
      },
      "right_column": {
        "subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}",
        "background": "blurred laboratory glassware in a bright, clean clinical setting"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"]
      },
      "right_badges": {
        "count": 3,
        "descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"]
      },
      "footer": "fine print disclaimers at the bottom"
    }
  }
}

한국어 번역

{
  "type": "스킨케어 이커머스 랜딩 페이지 목업",
  "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "color_palette": ["흰색", "연한 파란색", "{argument name=\"primary color\" default=\"짙은 파란색\"}"],
  "layout": {
    "header": {
      "logo": "일본어 서브 텍스트가 함께 있는 왼쪽 정렬 브랜드 이름",
      "navigation_links": {
        "count": 6,
        "labels": ["소개", "제품", "특징", "성분", "후기", "Q&A"]
      },
      "buttons": {
        "count": 2,
        "labels": ["마이페이지", "지금 바로 구매하기"]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name=\"hero headline\" default=\"민감한 피부에도 매일 이어갈 수 있는 안심 케어.\"}",
        "subtext": "저자극, 보습, 무향료, 무알코올 장점을 자세히 설명하는 문단",
        "buttons": {
          "count": 2,
          "labels": ["지금 바로 구매하기", "자세히 보기"]
        }
      },
      "center_column": {
        "product": "투명 캡이 있는 흰색 펌프 용기, 라벨에는 {argument name=\"product type\" default=\"모이스처 배리어 세럼\"} 표기",
        "props": ["흰색 크림 한 덩어리", "피부과 전문의 감수라고 적힌 원형 배지"]
      },
      "right_column": {
        "subject": "{argument name=\"model description\" default=\"볼을 만지고 있는, 맑고 윤기 나는 피부의 젊은 동아시아 여성\"}",
        "background": "밝고 깨끗한 임상 환경에 흐릿하게 보이는 실험실 유리 기구"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": ["별 5개와 95% 만족도", "저자극 포뮬러를 나타내는 방패 아이콘", "피부 장벽 케어를 나타내는 물방울 아이콘"]
      },
      "right_badges": {
        "count": 3,
        "descriptions": ["무향료 아이콘", "무알코올 아이콘", "패치 테스트 완료 아이콘"]
      },
      "footer": "하단의 작은 글씨 법적 고지 문구"
    }
  }
}

템플릿 변수

치환 가능한 매개변수가 있으며, 대괄호 안이 기본값입니다

brand name = DERMA CALMprimary color = dark bluehero headline = 敏感な肌にも、毎日つづけられる安心ケア。product type = Moisture Barrier Serummodel description = young East Asian woman with clear glowing skin touching her cheek

출처

원작자
ryuya__31
원문 출처
원문 보기 ↗
수록 출처