AI 분석
3열 카드 그리드에 스피너 로딩 상태 변형을 한 화면에 늘어놓은 컴포넌트 쇼케이스다.
상단 프로모션 바와 고정 헤더 아래로 얇은 구분선만으로 나뉜 3열 그리드가 이어지고, 각 셀에 스피너 예제가 하나씩 놓인다. 흰 배경에 거의 검정에 가까운 텍스트와 회색 보조 텍스트를 쓰는 라이트 모드 구성이며, 로즈와 초록만 상태 표시용 강조색으로 제한해 쓴다. 크기 단계별 원형 스피너, 다크 배지형 동기화 표시, 반투명 로딩 버튼, 전체 화면 처리 중 안내, 입력창 내부 검증 스피너, 다운로드 진행과 결제 처리 카드까지 같은 요소의 맥락별 변형이 순차로 드러난다. 로딩 인디케이터 하나를 크기·색·배치·문구 맥락으로 어떻게 확장할지 정리한 디자인 시스템 문서 형태라 컴포넌트 상태 설계 참고로 유용하다.
minimal · light-mode · monochrome · techy
claude-opus-5 · 2026-09-07 21:23 · 신뢰도 0.86
