AI 분석
사이드바형 지출 관리 대시보드에서 3단계 스텝퍼 모달로 지출 요청을 완료하는 흐름이다.
좌측 고정 사이드바 내비와 우측 12칼럼 카드 그리드가 화면을 나누고, 상단에 검색 바와 주요 액션 버튼이 놓인다. 거의 흰 배경에 얇은 회색 보더와 낮은 그림자를 쓰고, 산세리프 타이포에 숫자만 크게 키워 위계를 만들며 파랑·주황·초록을 상태색으로만 제한해 쓴다. 통계 카드, 라인 차트와 툴팁, 도넛 차트, 카테고리 진행 바, 가상 카드 카드, 상태 배지가 붙은 거래 테이블이 구성 요소이고, 후반 프레임에서는 Details·Justify·Review 스텝퍼 모달이 열려 셀렉트·라디오·텍스트에어리어·드롭다운을 거쳐 성공 화면까지 이어진다. 데이터 밀도가 높은 어드민 화면과 다단계 폼 모달을 한 화면에서 정리하는 방식의 레퍼런스로 유용하다.
minimal · light-mode · corporate · techy
claude-opus-5 · 2026-09-22 08:18 · 신뢰도 0.82
