AI 분석
다단계 온보딩 과정에서 외부 서비스 연동 자격정보를 입력받는 라이트 모드 앱 화면이다.
좌측 번호 스텝 내비게이션과 우측 본문으로 나뉜 2단 구조이며, 본문은 완료·진행 중·비활성 상태를 가진 아코디언 카드 스택으로 쌓인다. 흰 카드와 옅은 회색 배경, 얇은 테두리로 면을 나누고 파란색 단일 강조색만 링크·활성 스텝·주요 버튼에 쓴다. 진행 중 카드 안에는 보조 세로 스테퍼와 라벨·설명·입력란·우측 확인 버튼이 반복되는 폼이 들어가고, 하단 고정 바에 취소와 다음 단계 버튼이 놓인다. 오른쪽에는 같은 흐름을 좁은 폭으로 압축한 반응형 변형이 나란히 제시된다. 다단계 설정 플로우의 상태 표기와 폼 밀도 조절 레퍼런스로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 05:31 · 신뢰도 0.93