AI 분석
컴포넌트 문서 사이트에서 빈 상태 변형들을 2열 그리드로 나열한 화면이다.
왼쪽에 카테고리별 컴포넌트 목록과 개수 배지를 둔 사이드바 내비가 있고, 본문은 얇은 구분선으로 나뉜 2열 그리드에 빈 상태 변형을 한 칸씩 배치한다. 흰 배경에 검정 헤딩과 회색 본문만 쓰는 모노크롬 구성이며, 칸 우상단의 옅은 회색 라벨이 카드 테두리 없이도 구획을 읽히게 한다. 각 변형은 중앙 정렬로 아이콘 또는 선화 일러스트, 굵은 제목, 두 줄 설명, 검정 채움 버튼과 흰 외곽선 버튼 조합을 반복하고 검색 입력·아바타 스택·오프라인 아이콘 같은 요소를 더한다. 스크롤 중 칸에 커서가 닿으면 코드 보기와 미리보기 토글 아이콘이 나타나고 버튼 배경이 옅어진다. 빈 상태 카피 톤과 액션 버튼 위계, 변형 카탈로그 배열을 한 화면에서 비교하기 좋은 레퍼런스다.
minimal · light-mode · monochrome · high-contrast
claude-opus-5 · 2026-09-07 06:19 · 신뢰도 0.85
