AI 분석
외부 서비스 연동 설정을 단계별 아코디언과 좌측 스텝 리스트로 나눈 온보딩 화면이다.
밝은 회색 배경 위에 흰 카드 컨테이너를 띄우고, 그 안에서 설정 단계를 세 개의 아코디언 섹션으로 쌓아 완료·진행 중·대기 상태를 구분한다. 펼쳐진 섹션은 좌측 세로 스텝 리스트와 우측 폼 영역으로 분할되며, 활성 스텝은 파랑, 남은 스텝은 옅은 회색으로 표시해 진행 위치를 드러낸다. 타이포그래피는 중립적인 산세리프 한 종류로 굵기와 크기만 조절하고, 색은 무채색 위에 단일 파랑 강조색과 작은 상태 배지만 얹는다. 각 입력 필드 옆에 개별 검증 버튼을 붙이고 하단에 카드 단위 액션과 화면 단위 액션을 이중으로 두어, 다단계 설정 플로우의 상태 표현과 액션 계층 설계 참고로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 21:50 · 신뢰도 0.93
