AI 분석
좌측 진행 단계 사이드바와 우측 선택형 카드 폼으로 구성된 다단계 온보딩 화면이다.
화면을 좁은 좌측 스텝 사이드바와 넓은 우측 폼 영역으로 나눈 스플릿 레이아웃이다. 사이드바는 남색에서 인디고로 흐르는 그라데이션 배경에 완료·현재·대기 상태를 아이콘으로 구분한 진행 목록을 세로로 쌓고, 우측은 흰 배경 위에 굵은 산세리프 제목과 회색 보조 설명을 얹은 라이트 모드다. 질문마다 3열 또는 2열 그리드의 라운드 사각 선택 카드를 두고 선택된 항목은 진한 테두리와 초록 점 표식으로 표시하며, 하단에는 화살표가 붙은 검정 풀폭 기본 버튼을 배치한다. 단계 진행 상태 표현과 단일·복수 선택 카드의 시각적 구분을 함께 보여줘 온보딩 플로우 설계 참고로 유용하다.
minimal · light-mode · high-contrast · soft-gradient
claude-opus-5 · 2026-09-07 06:04 · 신뢰도 0.92