AI 분석
어두운 캔버스 위에 떠 있는 단일 지표 카드가 기간 전환에 따라 수치와 게이지를 갱신한다.
거의 검정에 가까운 빈 캔버스 한가운데에 둥근 모서리 카드 하나만 떠 있는 단일 위젯 구성이다. 헤더에 지표 이름과 확대·닫기 아이콘을 두고, 본문은 좌측의 초대형 퍼센트 숫자와 우측의 기간 선택 드롭다운으로 좌우를 나눈 뒤 아래에 눈금형 게이지를 가로로 채운다. 게이지는 빨강에서 노랑, 초록으로 이어지는 얇은 수직 눈금 배열이며 현재 값 위치에 초록 삼각 마커가 놓이고 양 끝에 POOR와 PERFECT 라벨이 붙는다. 큰 숫자는 산세리프, 보조 라벨과 비교 문구는 대문자 모노스페이스 자간 넓힌 소문자 크기로 대비를 만들고 증감·목표 배지에만 초록과 붉은색을 쓴다. 하단 구분선 아래 액션 아이콘과 표본 수를 배치해 카드 하나로 위계를 완결하며, 단일 KPI를 게이지로 표현하는 컴포넌트 설계 참고로 유용하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 18:17 · 신뢰도 0.85
