AI 분석
색 점과 라벨로 사용자 상태를 고르는 다크 모드 드롭다운을 변수 로직으로 구현한 프로토타입이다.
편집 캔버스 왼쪽에 행 컴포넌트와 닫힘·열림 두 상태의 드롭다운 컴포넌트가 놓이고, 오른쪽 프리뷰 창에서 실제 동작이 재생된다. 짙은 회색 표면 위에 흰색 산세리프 라벨과 초록·주황·노랑·회색·빨강 상태 점이 의미 색으로만 쓰인다. 트리거를 누르면 쉐브론이 뒤집히며 다섯 개 옵션 목록이 페이드로 펼쳐지고, 항목을 고르면 트리거의 색 점과 라벨이 선택값으로 바뀐다. 터치업 인터랙션 패널에서 색과 텍스트 변수를 설정해 연결선 없이 상태를 전환하는 구조가 보인다. 상태 표시 드롭다운의 시각 설계와 변수 기반 프로토타이핑 방식을 함께 참고하기에 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 16:28 · 신뢰도 0.80
