AI 분석
사용량 슬라이더로 월 비용을 실시간 추정하는 다크 모드 비용 계산기 패널이다.
화면 중앙에 떠 있는 카드형 패널이 상단 비용 요약 영역과 하단 사용량 영역, 푸터로 나뉜다. 거의 검은 배경에 큰 산세리프 금액과 모노스페이스 대문자 라벨을 섞고, 주황·파랑·청록·보라 네 가지 색으로 항목을 구분한다. 항목별 비용 비율을 보여 주는 분절 막대, 월간·연간 세그먼트 토글과 프리셋 탭, 눈금 막대 형태의 슬라이더가 핵심이며 슬라이더를 끌면 툴팁이 뜨고 해당 항목 외 나머지가 흐려지는 포커스 상태가 나타난다. 연간 할인 시 이전 금액 취소선, 프리셋 초기화 토스트 같은 세부 피드백까지 담겨 있어 가격 계산기와 데이터 입력 컨트롤 설계 참고로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-16 06:06 · 신뢰도 0.80
