AI 분석
상단 스텝 인디케이터와 중앙 카드로 구성된 다크 테마 멀티스텝 폼의 진행 흐름을 보여준다.
거의 검정에 가까운 배경 위에 중앙 정렬된 단일 칼럼 카드가 폼을 담고, 상단에는 6개 점과 연결선으로 된 스텝 인디케이터가 진행 상태를 표시한다. 타이포그래피는 굵은 산세리프 제목과 흐린 회색 보조 문구로 위계를 나누고, 색은 검정·짙은 회색·흰색의 모노크롬에 체크박스 강조용 파랑만 제한적으로 쓴다. 입력 필드는 포커스 시 흰 테두리가 켜지고 라디오 카드와 체크박스 그리드, 드롭다운, 텍스트 영역이 단계별로 교체되며 하단에는 Back과 Next 버튼, 'Step n of 6' 캡션, 완료 시 토스트가 나타난다. 단계 전환과 유효성에 따라 Next 버튼이 비활성에서 활성으로 바뀌는 처리까지 담겨 온보딩 폼 흐름 설계의 참고로 쓸 만하다.
dark-mode · minimal · monochrome · high-contrast
claude-opus-5 · 2026-09-22 07:39 · 신뢰도 0.82
