AI 분석
동일한 로그인 폼을 소셜 로그인 표현 방식만 바꿔 나란히 비교한 시안이다.
밝은 회색 배경 위에 흰색 라운드 카드 두 장을 좌우로 배치하고 상단에 세리프 제목을, 하단에 A와 B 원형 라벨을 둔 비교 레이아웃이다. 두 카드 모두 산세리프 본문과 파란색 링크, 검정 라운드 기본 버튼을 쓰는 라이트 모드 구성이며 색 대비를 로그인 버튼 하나에 집중시킨다. 이메일과 비밀번호 입력 필드는 좌측 아이콘과 비밀번호 표시 토글을 갖추고, 구분선 아래 소셜 로그인이 A안은 전폭 버튼 네 개의 세로 목록으로, B안은 원형 아이콘 네 개의 가로 행으로 다르게 처리된다. 같은 폼에서 소셜 로그인 밀도와 시선 이동을 비교할 수 있어 인증 화면의 A/B 시안 구성 참고로 유용하다.
minimal · light-mode · high-contrast
claude-opus-5 · 2026-09-07 22:52 · 신뢰도 0.93