AI 분석
라이트 모드 카드 안에서 막대 그래프와 호버 툴팁을 확대해 보여주는 데이터 시각화 컴포넌트다.
밝은 회색 배경 위에 큰 라운드 모서리의 흰 카드가 놓이고, 카드 상단에 섹션 제목과 초대형 숫자 지표, 그 옆에 증감값과 비교 문구가 한 줄로 배열된다. 타이포그래피는 기하학적 산세리프 한 종류로 통일해 제목은 중간 굵기 회색, 핵심 수치는 짙은 남색 볼드, 보조 문구는 옅은 회색으로 위계를 세 단계로만 나눈다. 막대는 위쪽에 사선 해칭으로 남은 구간을 표시하고 아래쪽은 연회색 실면으로 채워, 강조 막대 하나만 남색에서 연한 하늘색으로 떨어지는 세로 그라데이션과 둥근 컨테이너 하이라이트로 부각한다. 커서와 함께 떠 있는 흰 툴팁 카드는 부드러운 그림자, 라벨 회색 텍스트, 파란색 볼드 수치로 구성되어 호버 상태를 그대로 보여준다. 차트 한 요소만 크게 잘라 보여주기 때문에 막대 라운딩, 해칭 트랙, 툴팁 위계 같은 데이터 시각화 디테일의 참고 자료로 쓸 만하다.
minimal · light-mode · corporate · high-contrast
claude-opus-5 · 2026-09-07 15:36 · 신뢰도 0.92
