AI 분석
알약형 패널 안에서 밝기와 볼륨 모드를 전환하는 다크 톤 슬라이더 컨트롤 모션이다.
어두운 격자 배경 중앙에 가로로 긴 알약형 패널이 놓이고, 왼쪽에 라벨과 수평 슬라이더, 가운데에 원형 아이콘 버튼 두 개, 오른쪽에 눈금이 새겨진 회전 다이얼이 배치된다. 무채색 차콜 표면에 부드러운 그림자와 음각 트랙을 써서 물리 장치 같은 질감을 만들고, 슬라이더 채움만 밝기 모드에서는 노랑-주황, 볼륨 모드에서는 민트-파랑 그라데이션과 은은한 글로우로 강조한다. 모드 버튼을 누르면 라벨이 바뀌고 채움이 원형 노브로 줄었다가 새 색으로 다시 늘어나며, 퍼센트 수치가 함께 갱신되는 전환이 이어진다. 상태별 색 코딩과 다이얼 입력을 결합한 하드웨어풍 컨트롤이나 마이크로 인터랙션을 설계할 때 참고하기 좋다.
skeuomorphic · dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-16 06:55 · 신뢰도 0.75
