AI 분석
도넛 차트와 카테고리별 금액 그리드를 담은 밝은 회색 지출 요약 카드 컴포넌트다.
연회색 배경 위에 큰 라운드 카드가 놓이고 그 안에 한 단계 더 밝은 내부 패널이 중첩되는 이중 카드 구조다. 헤더는 아이콘과 굵은 제목, 오른쪽 끝의 셰브론이 붙은 텍스트 링크로 좌우를 나누고, 본문은 왼쪽 도넛 차트와 오른쪽 3열 2행 범례 그리드로 분할된다. 도넛은 파랑 계열 그라데이션과 끝이 둥근 다중 아크로 그려지고 중앙에 합계 금액을 배치하며, 범례는 색 점과 작은 회색 라벨 아래 굵고 큰 금액을 두는 이중 행 타이포그래피를 쓴다. 뉴트럴한 배경에 채도 높은 카테고리 색을 점 크기로만 제한해 쓰는 방식이라 금융·가계부 요약 위젯의 밀도와 색 절제를 참고하기 좋다.
minimal · light-mode · soft-gradient · corporate
claude-opus-5 · 2026-09-08 00:11 · 신뢰도 0.93
