AI 분석
우측 색 토큰 편집 패널이 좌측 대시보드 미리보기에 실시간 반영되는 다크 UI다.
좌측 대시보드 미리보기와 우측 고정 토큰 편집 패널이 나뉜 스플릿 화면이다. 거의 검정에 가까운 배경 위에 낮은 대비의 카드 경계와 작은 산세리프 본문을 써서 데이터 요소가 먼저 읽히도록 한다. 우측 패널은 Primary, Base, Card, Chart, Sidebar 같은 토큰 그룹을 아코디언으로 접고 HSL 스와치와 색상 피커, 프리셋 선택기를 제공하며, 값을 바꾸면 통계 카드, 면적 차트, 사이드바 색이 즉시 바뀐다. 상단에는 라이트·다크 전환 토글과 Save, View code, Share 액션이 놓여 편집 흐름을 마무리한다. 디자인 토큰 편집기와 미리보기를 한 화면에 묶는 구조의 레퍼런스로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 21:24 · 신뢰도 0.82
