AI 분석
다크 변수 패널과 컬러 피커로 브랜드 색을 바꾸면 라이트 대시보드 강조색이 바로 바뀌는 화면 녹화다.
왼쪽에 이름과 값 칼럼으로 된 다크 색상 변수 표가 떠 있고, 그 옆에 커스텀·라이브러리 탭을 가진 컬러 피커 팝오버가 겹쳐 있으며, 뒤쪽 캔버스에는 라이트 톤의 업무 관리 대시보드가 놓여 있다. 컬러 피커는 채도·명도 사각 영역, 색상환 슬라이더, 투명도 슬라이더, HSL 수치 입력, 페이지 내 사용 색 스와치 그리드로 구성된다. 브랜드 변수 값을 노랑, 초록, 버건디, 주황 빨강, 카키로 바꿀 때마다 대시보드의 진행 중 상태 라벨 색이 함께 바뀐다. 대시보드는 알약형 상단 탭, 큰 숫자 위주의 상태 통계, 체크박스와 점선 구분선을 갖춘 차분한 카드 구성이다. 색상 토큰이 실제 화면에 어떻게 전파되는지 보여 주는 변수 편집 UI와 컬러 피커 구성 참고로 유용하다.
minimal · dark-mode · light-mode
claude-opus-5-5 · 2026-10-16 05:42 · 신뢰도 0.75
