AI 분석
밝은 배경에 사이드바 트리와 프리뷰·코드 탭으로 컴포넌트를 안내하는 디자인 시스템 문서 화면이다.
좌측 고정 사이드바의 검색과 접히는 트리 내비게이션, 우측 넓은 본문으로 나뉜 2단 문서 레이아웃이다. 흰 배경에 옅은 회색 보더와 낮은 채도의 뉴트럴을 쓰고, 상단에는 파랑에서 마젠타로 흐르는 그라데이션 프로모션 바가 유일한 채도 높은 요소로 놓인다. 각 컴포넌트 섹션은 제목·설명 아래 Preview와 Code 탭으로 나뉘어 카드, 스위치 목록, 통계 카드, 스켈레톤, 사용자 드롭다운 같은 실제 예시를 중앙에 배치해 보여준다. 첫 화면의 랜딩 히어로와 4열 썸네일 카탈로그까지 이어져 디자인 시스템 문서의 정보 구조와 예시 제시 방식을 참고하기에 좋다.
minimal · light-mode · techy
claude-opus-5 · 2026-09-07 22:01 · 신뢰도 0.82
