AI 분석
6자리 인증 코드 입력 화면을 빈 상태·입력 중·오류 상태로 나눠 보여주는 시안이다.
브라우저 창 목업 여섯 개를 2행 그리드로 늘어놓고 같은 인증 화면의 상태 변형을 나란히 비교한다. 카드 중앙에 로고, 굵은 산세리프 제목, 회색 보조 설명, 6칸 세그먼트 코드 입력, 기본 버튼, 재전송 링크, 구분선, 소셜 로그인 버튼이 단일 칼럼으로 쌓인다. 비활성 회색 버튼과 옅은 입력칸이 빈 상태를, 보라색 활성 버튼과 보라 테두리 커서 칸이 입력 중 상태를, 빨간 테두리와 경고 문구가 오류 상태를 구분한다. 폼 상태 설계와 인증 플로우 UI를 정리할 때 참고하기 좋은 상태 매트릭스다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 21:29 · 신뢰도 0.93
