AI 분석
동일한 64% 진행 상태를 스텝, 바, 세그먼트 세 방식으로 비교한 컴포넌트 시안이다.
밝은 회색 배경 위에 흰 카드 세 장을 세로로 쌓고 오른쪽에 A·B·C 원형 라벨을 붙인 비교 레이아웃이다. 굵은 산세리프 헤드라인과 중간 굵기 본문을 쓰고 파란 강조색 하나만 남긴 채 나머지는 무채색으로 눌렀다. 카드마다 체크 아이콘이 붙은 4단계 스테퍼, 라운드 처리한 단일 진행 바, 여러 조각으로 나눈 세그먼트 바가 같은 64% 값을 각각 다르게 표현한다. 하나의 상태를 여러 컴포넌트 형태로 치환해 보는 방식이라 진행 표시 패턴을 고를 때 비교 레퍼런스로 쓸 만하다.
minimal · light-mode · high-contrast
claude-opus-5 · 2026-09-07 22:53 · 신뢰도 0.94
