AI 분석
무한 캔버스에 대시보드 시안을 늘어놓고 우측 패널에서 테마 토큰을 실시간으로 바꾸는 도구 화면이다.
왼쪽 대부분을 차지하는 회색 무한 캔버스에 CRM, 이커머스, 세일즈, 부동산, 호텔, 프로젝트 관리 등 여러 대시보드 시안이 뷰포트 폭 라벨과 함께 나란히 배치되고, 오른쪽에는 고정 폭 설정 사이드바가 붙는 스플릿 구조다. 캔버스는 라이트 그레이 배경에 흰 카드형 프리뷰를 띄우고, 사이드바는 Primary·Secondary·Base·Card·Popover·Muted·Accent·Destructive·Border·Chart·Sidebar 순의 아코디언으로 토큰 그룹을 접어 두며 각 항목은 색 스와치와 hsl() 값 입력을 한 줄에 붙여 표시한다. Light/Dark 토글, 프리셋 드롭다운, 팔레트·타이포그래피·간격·반경 탭, HSL 컬러 피커 팝오버, 하단 줌 컨트롤, 저장 완료 토스트가 편집 루프를 구성하고, 토큰을 바꾸면 캔버스의 모든 프리뷰가 로즈·그린 등 한 가지 강조색 계열로 동시에 물든다. 토큰 편집 결과를 다중 화면에서 즉시 검증하는 디자인 시스템 도구의 구조를 참고하기에 좋다.
minimal · light-mode · techy · high-contrast
claude-opus-5 · 2026-09-07 12:07 · 신뢰도 0.82
