AI 분석
다크 배경 위에 접힌 상태와 펼친 상태를 나란히 보여주는 온보딩 체크리스트 컴포넌트다.
어두운 캔버스 중앙에 같은 카드의 접힌 상태와 펼친 상태를 위아래로 배치해 상태 변화를 한눈에 비교하게 한다. 배경은 거의 검정에 가까운 뉴트럴이고 텍스트는 회백색으로 대비를 낮게 유지하며, 완료 표시와 세그먼트형 진행 막대에만 형광 초록을 강조색으로 쓴다. 헤더에는 접기 셰브론과 2/5 진행 카운터가 있고 본문에는 완료 항목의 체크 배지, 미완료 항목의 번호 배지, 오른쪽 셰브론이 반복되는 리스트 행이 이어진다. 단계별 진행 상태를 색과 배지 형태로만 구분하는 절제된 온보딩 패턴 레퍼런스로 유용하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 23:17 · 신뢰도 0.93