AI 분석
폼을 한쪽에 두고 반대편에 제품 미리보기를 배치한 인증 화면 네 가지 접근이다.
네 화면 모두 화면을 좌우로 나눠 한쪽에 인증 폼을, 반대편에 제품 화면이나 사진을 배치한 스플릿 스크린 구조다. 폼 쪽은 흰 배경에 좁은 단일 칼럼으로 로고, 제목, 보조 설명, 입력 필드, 풀와이드 기본 버튼을 위에서 아래로 쌓고, 비주얼 쪽은 다크 그라데이션이나 실사 위에 앱 UI와 알림 카드를 흐릿하게 겹쳐 제품 맥락을 암시한다. 타이포는 산세리프 위주에 세리프 제목을 섞은 사례가 있고, 강조색은 파랑, 형광 노랑, 먹색 버튼처럼 화면마다 하나로 제한해 시선을 CTA에 모은다. 소셜 로그인 버튼 스택, OTP 코드 입력 칸, 추천사 블록, 캘린더 슬롯 선택 같은 인증 주변 컴포넌트 변주가 함께 보인다. 로그인·가입 화면의 레이아웃 비율, 여백, 사이드 비주얼 처리 방식을 비교할 때 유용한 레퍼런스다.
minimal · light-mode · high-contrast · corporate
claude-opus-5 · 2026-09-07 23:50 · 신뢰도 0.93
