AI 분석
좌측 토큰 패널에서 고른 테마가 우측 대시보드 프리뷰에 즉시 반영되는 개발자 도구 화면이다.
왼쪽 사이드바에 색 토큰 그룹이 아코디언으로 쌓이고 오른쪽 넓은 영역이 실제 사이트 프리뷰를 담는 스플릿 레이아웃이다. 상단에 테마 프리셋 셀렉터와 실행 취소·저장·코드 보기 액션이 한 줄로 놓이고, 그 아래 프리셋 탭과 URL 입력 바가 프리뷰 범위를 좁힌다. 프리셋을 바꿀 때마다 프리뷰 안의 통계 카드, 도넛 차트, 파이프라인 막대, 채팅 버블 색이 한꺼번에 갈아입는 모습이 프레임마다 이어진다. 디자인 토큰을 실시간으로 검증하는 편집기 UI와 테마 전환 데모 구성을 참고하기 좋다.
light-mode · minimal · soft-gradient · corporate
claude-opus-5 · 2026-09-07 21:37 · 신뢰도 0.82
