AI 분석
밝은 배경 위에 접힌 상태와 펼친 상태를 나란히 보여주는 온보딩 체크리스트 컴포넌트다.
옅은 회색 캔버스에 점선 가이드 그리드를 깔고 그 위에 둥근 모서리 카드 두 개를 세로로 배치해 접힌 상태와 펼친 상태를 비교한다. 타이포그래피는 중립적인 산세리프 한 종류로 헤더는 진한 먹색, 완료 항목은 흐린 회색으로 낮춰 상태를 색 대비만으로 구분한다. 헤더에는 접기 셰브론과 눈금 형태의 세그먼트 진행 표시, 2/5 카운터가 놓이고 본문에는 초록 체크 원형, 검정 현재 단계 배지, 회색 대기 번호와 오른쪽 셰브론이 이어진다. 단계 상태를 색과 배지 형태만으로 전달하는 방식이라 SaaS 온보딩 위젯 설계 참고로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 23:19 · 신뢰도 0.93
