AI 분석
사이드바와 상세 패널을 둔 밝은 지출 관리 대시보드에서 일괄 승인 모달이 단계별로 진행되는 화면이다.
좌측 내비게이션 사이드바, 중앙 본문, 우측 상세 패널로 나뉜 3분할 레이아웃이 화면을 구성한다. 거의 흰색에 가까운 바탕에 얇은 경계선과 옅은 회색 텍스트를 쓰고 파랑·주황·초록·빨강을 상태 표시에만 좁게 배분해 정보 밀도가 높아도 시선이 분산되지 않는다. 필터 칩 줄, 통계 카드 3종, 이중 막대 차트, 아바타가 들어간 승인 요청 목록이 본문을 채우고 그 위에 Select·Confirm·Done 3단계 스텝 인디케이터를 가진 일괄 승인 모달이 드롭다운 선택, 체크박스 다중 선택, 금액 요약, 완료 리포트 순으로 전환된다. 다건 처리 플로우를 모달 한 곳에 압축하는 방식과 상태 배지 색 운용을 배우기 좋은 레퍼런스다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-22 08:16 · 신뢰도 0.82