AI 분석
현장 작업 한 건의 견적과 실제 비용을 비교해 마진 손실 원인을 보여주는 라이트 모드 대시보드다.
좌측 사이드바 내비게이션과 큰 작업 제목 헤더 아래에 견적 대비 실적 카드, 결과 카드, 진행 타임라인 카드가 비대칭 그리드로 배치된다. 연회색 배경 위에 흰 카드를 얹고 파란색 실적 막대, 연파랑 빗금 견적 막대, 분홍 빗금 초과분으로 의미를 구분하며 큰 숫자 타이포그래피로 마진 비율을 강조한다. 비용·시간 세그먼트 토글, 실적과 목표를 함께 표시한 범위 슬라이더, 손실 항목별 가로 막대, 날짜별 단계 타임라인, 연한 주황 인사이트 카드와 액션 버튼이 눈에 띈다. 비교 데이터를 빗금 패턴과 절제된 색으로 시각화하는 방법과 운영 SaaS의 상세 화면 정보 위계를 참고하기에 유용하다.
minimal · light-mode · corporate
claude-opus-5-5 · 2026-10-16 05:54 · 신뢰도 0.93