AI 분석
간격 토큰의 2단계와 3단계 참조 구조를 다이얼로그와 검색 바 예시로 비교한 디자인 시스템 도식이다.
화면은 좌우 2열로 나뉘어 왼쪽에 2단계, 오른쪽에 3단계 토큰 체인을 배치하고 각 체인 아래에 적용 대상 컴포넌트를 붙인다. 연분홍 배경 위에 노란 라벨 칩으로 토큰 계층명을 표시하고, 흰색 알약형 칩과 보라색 화살표로 참조 흐름을 이어 준다. 삭제 확인 다이얼로그와 검색 바에는 분홍 점선 가이드와 빨간 핀으로 간격 토큰이 적용된 위치를 표시하고, 하단에는 파란색과 초록색 알약 라벨로 두 접근법의 결론을 대비시킨다. 컴포넌트 전용 토큰 계층을 시각적으로 설명하는 디자인 시스템 문서 레퍼런스로 유용하다.
light-mode · pastel · playful · minimal
claude-opus-5-5 · 2026-10-21 16:30 · 신뢰도 0.93