AI 분석
5단계 아코디언으로 접었다 펴는 에이전트 배포 온보딩 화면이다.
밝은 회색 배경 위에 좁은 단일 칼럼을 중앙에 두고, 다섯 단계를 하나의 카드형 아코디언 목록으로 쌓아 진행 상황과 입력 폼을 한 화면에서 보여준다. 무채색 배경과 흰 카드에 파란 강조 하나, 완료 표시용 초록 체크만 쓰는 절제된 라이트 모드 팔레트이며 산세리프 본문과 회색 보조 설명으로 위계를 나눈다. 펼쳐진 단계에는 라벨과 셀렉트 드롭다운, 하단 우측의 뒤로·다음 버튼 쌍이 들어가고 마지막 검토 단계는 점선 구분선을 쓴 키-값 요약 표와 배지형 태그로 설정값을 되짚어준다. 모든 단계가 끝나면 비활성이던 하단 배포 버튼이 파란 활성 상태로 바뀌어 최종 액션을 알린다. 다단계 설정 플로우에서 진행 표시, 인라인 폼, 검토 요약, 버튼 상태 변화를 한 컨테이너로 처리하는 방식의 참고로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 15:48 · 신뢰도 0.93
