로그인 화면 디자인

1. 로그인 화면 디자인

   고객이 보는 로그인, 등록 및 비밀번호 화면의 레이아웃, 브랜드 패널, 배경, 텍스트 및 프로모 카드 스타일을 설정하세요. 실시간 미리보기에서는 설정한 소셜 로그인 버튼도 표시됩니다. 이 투어는 각 섹션을 안내합니다.

2. 디자인 저장

   변경 사항은 미리보기에서 즉시 표시되지만, 실제 로그인, 등록 및 비밀번호 화면은 저장을 클릭한 후에만 변경됩니다.

3. 레이아웃 선택

   두 개의 패널(애니메이션), 분할 패널 또는 중앙 카드 중에서 선택하세요. 두 개의 패널 레이아웃은 브랜드 패널을 양식 옆에 배치하고, 중앙 카드는 양식만 표시하므로 브랜드 패널과 장식 아이콘 설정은 숨겨집니다.

4. 브랜드 패널

   패널이 위치할 측면과 배경을 설정하세요: 브랜드 색상, 그라디언트 또는 업로드된 이미지(PNG, JPG 또는 WebP). 제목과 태그라인은 각 언어로 번역할 수 있으며, 각기 다른 텍스트 설정으로 스타일을 지정할 수 있습니다.

5. 양식 배경

   로그인 양식 뒤의 배경을 선택하세요: 단색, 부드러운 색 또는 밝은 브랜드 색조.

6. 패널 패턴

   로그인 패널에 장식적인 질감을 추가합니다. 선택한 패턴을 다시 클릭하거나 없음 선택하여 제거합니다.

7. 생체 인식 로그인

   고객이 비밀번호 대신 Face ID, 지문 또는 장치 PIN으로 로그인할 수 있도록 합니다. 비활성 상태에서는 로그인 화면에 패스키 버튼이 숨겨지며, 이미 등록된 장치는 삭제되지 않습니다.

8. 장식 아이콘

   브랜드 패널에 작은 아이콘을 표시하고 최대 4개를 선택하세요. 이 섹션은 두 개의 패널 레이아웃에서만 나타납니다.

9. 교차 판매 및 캠페인 카드

   로그인 및 등록 패널에 최대 4개의 카드를 추가하여 번들 또는 캠페인을 홍보합니다. 각 카드에는 제목, 배지, 짧은 설명, 버튼 텍스트 및 링크가 포함됩니다. 제목과 텍스트는 각 언어로 번역할 수 있습니다.

10. 실시간 미리보기

    소셜 로그인 버튼을 포함하여 모든 변경 사항을 반영하는 로그인 화면의 미리보기입니다. 데스크탑과 모바일 간에 전환하거나 새 탭에서 로그인 페이지를 열어 저장된 실시간 페이지를 확인하세요.