AI 분석
근무 시간 도트 그리드, 앱별 사용률 바, 시간대별 누적 막대 차트를 카드 단위로 보여주는 생산성 추적 UI 쇼케이스다.
짙은 남색 프레임 안에 세 개의 패널을 배치해 근무 시간 카드, 기울어진 앱 사용률 클로즈업, 넓은 타임라인 차트를 나눠 보여준다. 흰 카드와 연회색 배경 위에 파랑·초록·노랑 세 가지 상태색을 일관되게 쓰고, 산세리프 숫자로 총 시간과 비율을 크게 강조한다. 색칠된 정사각형 도트 그리드로 시간 사용을 시각화하고, 그라데이션 시작 버튼과 대각선 줄무늬가 들어간 초록 진행 바, 호버 시 강조되는 막대와 어두운 툴팁이 눈에 띈다. 상태별 색 코딩과 데이터 시각화 카드 구성을 참고하기에 유용하다.
light-mode · minimal · corporate
claude-opus-5-5 · 2026-10-16 07:17 · 신뢰도 0.92
