AI 분석
다크 모드 오버레이 패널에 사용량 한도를 진행 바 두 줄로 보여주는 컴포넌트다.
둥근 모서리의 다크 오버레이 패널 하나만 잘라 보여주는 컴포넌트 컷이다. 상단에 굵은 제목과 우측 닫기 아이콘을 두고, 그 아래를 얇은 구분선으로 나눈 두 개의 행이 단일 칼럼으로 쌓인다. 각 행은 왼쪽에 흰색 라벨과 회색 보조 문구, 가운데에 가늘고 둥근 진행 바, 오른쪽에 잔여 비율 수치를 배치해 시선이 좌에서 우로 한 번에 흐른다. 색은 회색 계열 무채색과 흰색만 쓰고 강조색을 배제해 데이터 자체가 대비를 만들며, 진행 바는 트랙과 채움의 명도 차이만으로 상태를 표현한다. 사용량·크레딧 한도 안내 UI의 밀도와 정렬을 참고하기에 좋은 예다.
minimal · dark-mode · monochrome
claude-opus-5 · 2026-09-07 15:43 · 신뢰도 0.82
