AI 분석
사용량 슬라이더로 월 비용을 실시간 산출하는 라이트 모드 견적 패널 컴포넌트다.
사선 패턴 배경 위 중앙에 떠 있는 패널이 상단 총액 카드, 하단 사용량 카드, 푸터 액션 바의 세 영역으로 나뉜다. 큰 산세리프 금액과 모노스페이스 대문자 라벨을 대비시키고, 주황·파랑·청록·보라 네 가지 색으로 항목을 일관되게 코딩한다. 눈금 막대형 슬라이더를 드래그하면 검은 툴팁이 환산값을 보여 주고, 누적 막대와 항목 금액이 즉시 갱신되며 조작 중이 아닌 항목은 흐리게 처리된다. 월간·연간 세그먼트 토글, 프리셋 세그먼트, 지역 드롭다운, 취소선 원가 표시까지 갖춰 가격 계산기 인터랙션 설계의 참고로 유용하다.
minimal · light-mode · techy
claude-opus-5-5 · 2026-10-16 05:40 · 신뢰도 0.80
