AI 분석
접힘과 펼침 두 상태를 병렬로 보여주는 온보딩 체크리스트 컴포넌트다.
격자 가이드가 깔린 넓은 여백 위에 카드 하나만 놓고 접힌 상태와 펼친 상태를 위아래로 나란히 배치한다. 헤더에는 접기 화살표, 제목, 세로 막대를 이어 붙인 눈금형 진행 표시, 2/5 카운터가 한 줄로 정렬되고 본문은 완료 항목의 체크 원과 미완료 항목의 번호 원, 오른쪽 화살표로 이어지는 단일 칼럼 리스트다. 배경과 카드 면, 텍스트 계조만 바꾸고 강조 초록과 레이아웃, 모서리 반경, 그림자 구조는 그대로 유지해 두 테마가 같은 토큰 체계 위에서 작동함을 보여준다. 완료·현재·대기 세 항목 상태를 색이 아닌 아이콘 형태와 대비로 구분하는 방식이 온보딩 진행 UI 참고로 유용하다.
minimal · light-mode · dark-mode · high-contrast
claude-opus-5 · 2026-09-07 18:18 · 신뢰도 0.94
