AI 분석
세퍼레이터 변형을 3열 그리드로 나열한 컴포넌트 문서 화면이다.
좌측에 카테고리별 컴포넌트 목록과 개수를 표시하는 고정 사이드바가 있고, 우측 본문은 제목과 설명 아래로 얇은 경계선으로 나뉜 3열 쇼케이스 그리드가 이어진다. 거의 흰 배경에 먹색 산세리프 제목과 회색 보조 텍스트만 쓰고, 구분선은 1px 헤어라인과 그라데이션 페이드로 처리해 대비를 최소화한다. 각 셀은 텍스트 사이 수직 구분선, 라벨을 품은 수평 구분선, 아이콘이 중앙에 박힌 구분선 같은 변형을 하나씩 보여주며 호버 시 코드 보기 버튼이 나타나고 마지막에는 다크 모드로 전환된다. 하단 이전·다음 문서 내비게이션까지 포함해 디자인 시스템 문서의 변형 진열과 여백 운용을 참고하기 좋다.
minimal · light-mode · monochrome · techy
claude-opus-5 · 2026-09-07 21:26 · 신뢰도 0.83
