AI 분석
다크 배경 위에 떠 있는 단일 카드로 크레딧 잔량과 사용 내역을 보여주는 계량형 UI다.
거의 검정에 가까운 캔버스 한가운데 둥근 모서리 카드 하나만 띄운 단일 오브젝트 구성이다. 상단은 큰 퍼센트 수치와 촘촘한 세로 눈금 형태의 게이지가 차지하고, 점선 구분선 아래로 날짜·모델·크레딧·비용 네 열의 경량 표가 이어지며, 하단 바에는 결제 안내와 주요 버튼이 놓인다. 라벨과 표 데이터는 대문자 모노스페이스로 조판해 계량기 같은 인상을 주고, 제목만 산세리프 볼드로 대비를 만든다. 색은 회색 계열로 억제한 뒤 게이지의 주황 그라데이션과 토글의 초록만 강조색으로 남긴다. 기간 드롭다운 전환, 표 확장과 페이지네이션, 게이지 수치 변화가 프레임마다 이어져 사용량 계량 UI의 상태 변화 설계를 참고하기에 좋다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 18:17 · 신뢰도 0.85
