AI 분석
좌측 사이드바와 예산 카드, 고밀도 카드 목록 표로 구성한 밝은 지출 관리 대시보드다.
왼쪽 고정 사이드바와 오른쪽 본문으로 나뉜 2칼럼 구조이며 상단에 브레드크럼과 필터·정렬·주요 액션 버튼을 배치한다. 거의 흰색에 가까운 배경과 좁은 회색 계열 뉴트럴 위에 녹색·황색·적색 상태색만 의미 전달에 쓰고, 숫자는 굵은 그로테스크 산세리프로 크게, 보조 라벨은 작은 회색으로 두어 위계를 만든다. 예산 카드 세 장은 진행률을 연속 바 대신 네모 블록을 끊어 배열한 세그먼트 게이지로 표현하고, 아래 표는 아바타·마스킹된 카드 번호·모노스페이스 에이전트 ID·상태 배지·탭 필터를 한 행에 묶어 밀도를 높인다. 상태색을 배지와 게이지에 일관되게 재사용한 방식과 사이드바 하단의 자동화율 요약 카드가 데이터 밀도 높은 운영 화면 설계 참고로 유용하다.
minimal · light-mode · corporate · high-contrast
claude-opus-5 · 2026-09-22 07:13 · 신뢰도 0.93
