AI 분석
입체감 있는 원형 버튼으로 숫자를 올리고 내리는 다크 스테퍼 컴포넌트와 그 인터랙티브 프로토타입이다.
디자인 툴 캔버스 왼쪽에 컨트롤 버튼 쌍과 값 0·1·2 상태의 스테퍼 변형이 세로로 정리되고, 오른쪽 프로토타입 미리보기에 실제 동작하는 스테퍼 하나가 놓인다. 거의 검은 남색 배경 위에 짙은 회색 알약형 트랙과 은은한 그라데이션·하이라이트를 준 구형 버튼을 써서 소프트한 입체감을 만든다. 숫자는 얇은 산세리프로 가운데에 배치되며, 플러스를 누르면 값이 2에서 5까지 오르고 마이너스를 누르면 다시 내려가는 흐름이 프레임에 나타난다. 상태별 변형을 여러 개 만들지 않고 하나의 값으로 카운터를 구동하는 방식과 다크 UI의 촉감 있는 버튼 표현을 함께 참고하기에 좋다.
dark-mode · skeuomorphic · minimal · techy
claude-opus-5-5 · 2026-10-21 16:29 · 신뢰도 0.75
