AI 분석
결제 요약 카드와 고밀도 청구 내역 표를 함께 배치한 라이트 모드 관리 대시보드다.
상단에 결제 금액 카드와 e-지갑 잔액 패널을 2분할로 배치하고 그 아래 상태별 통계 카드 다섯 개를 가로로 나열한 뒤 청구 내역 표로 이어지는 단일 칼럼 구조다. 흰 배경과 연회색 카드 면 위에 짙은 검정 산세리프 숫자를 크게 키워 금액을 강조하고, 파랑 하나만 기본 액션과 링크에 쓰며 상태는 초록·주황·파랑 배지로 구분한다. 통계 카드 왼쪽의 컬러 바, 토글형 자동결제 스위치, 탭·검색 바·드롭다운 필터·내보내기 버튼, 행마다 붙은 썸네일과 View 버튼이 핵심 컴포넌트다. 금액 위계와 상태 색 코딩을 절제해 쓰는 방식이 재무·정산 화면 설계 참고로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-22 07:34 · 신뢰도 0.90
