AI 분석
단일 진행 표시줄 컴포넌트의 여덟 가지 모션 변형을 드롭다운으로 바꿔가며 비교하는 다크 플레이그라운드다.
어두운 캔버스 한가운데에 카드 하나만 띄운 고립형 컴포넌트 플레이그라운드 구성이다. 카드 상단은 소형 산세리프 레이블과 우측 퍼센트 수치로 나뉘고, 그 아래 얇은 트랙이 폭 전체를 차지하며, 구분선 아래에는 자간을 넓힌 대문자 캡션과 컨트롤 행이 놓인다. 거의 무채색에 가까운 검정 계열 위에 주황 하나만 강조색으로 쓰고, 한 변형에서만 주황에서 마젠타로 넘어가는 그라데이션을 허용해 대비를 만든다. 드롭다운으로 세그먼트 틱, 부드러운 채움, 바버 스트라이프, 시머 글로, 코멧 트레일, 오로라 플로우, 펄스 라인, 무한 스윕을 전환하고 실행·정지·리셋 버튼으로 재생을 제어한다. 같은 컴포넌트의 모션 변형을 동일한 프레임 안에서 나란히 비교하게 만든 구조 자체가 로딩 상태 설계 레퍼런스로 유용하다.
minimal · dark-mode · high-contrast · techy
claude-opus-5 · 2026-09-07 18:17 · 신뢰도 0.82
