AI 분석
작업 시간·집중 세션·앱 사용량을 카드 그리드로 정리한 라이트 모드 생산성 대시보드다.
좌측 사이드바 내비게이션과 상단 검색 바 아래에 기간 탭, 시간대별 타임라인 막대 차트, 3열 카드 그리드가 이어지는 구조다. 흰 배경과 연회색 카드 위에 파랑·초록·노랑 세 가지 상태색으로 생산·집중·비생산 시간을 일관되게 구분하고, 사이드바 활성 항목과 CTA 버튼에만 노랑-초록-파랑 그라데이션을 쓴다. 도트 매트릭스 형태의 근무 시간 히트맵, 링 형태 진행 차트, 사선 패턴이 들어간 가로 진행 바, 원형 휴식 타이머와 토글이 눈에 띄는 컴포넌트다. 정보 밀도가 높은 생산성 대시보드에서 상태색 체계와 다양한 데이터 시각화 카드를 조합하는 방식을 참고하기에 유용하다.
light-mode · minimal · corporate
claude-opus-5-5 · 2026-10-16 07:47 · 신뢰도 0.92
