AI 분석
다크 모드 카드 안에서 용량·약정 기간 선택에 따라 가격과 도트 매트릭스 사용률 그래프가 바뀌는 컴퓨트 예약 UI 요소다.
사선 패턴 배경 위 중앙에 둥근 모서리의 다크 모달이 놓이고, 헤더·중첩 카드·푸터의 세 구역으로 나뉜다. 산세리프 제목과 모노스페이스 대문자 보조 라벨을 섞어 쓰며, 무채색 위에 민트 그린 데이터 점과 주황색 기본 버튼만 강조색으로 둔다. 용량(64·128·256·512)과 약정 기간(온디맨드·1년·3년)을 고르는 두 개의 세그먼트 컨트롤이 있고, 선택에 따라 시간당 가격과 총액이 바뀌며 도트 매트릭스 사용률 차트의 색과 범례가 전환된다. 상태 점이 붙은 견적 유효 문구와 클러스터 예약 버튼이 푸터를 이룬다. 인프라 가격 설정 UI에서 선택값과 데이터 시각화를 실시간으로 연결하는 방식의 참고로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 17:55 · 신뢰도 0.75
