AI 분석
라이브 예제 프리뷰와 코드 설치 모달을 함께 보여주는 모노크롬 컴포넌트 쇼케이스 사이트다.
밝은 회색 배경 위에 중앙 정렬 히어로와 필터 칩을 두고 그 아래로 실제 동작하는 예제 화면을 큰 카드 안에 통째로 끼워 넣는 구성이다. 예제 화면은 좌측 사이드바 내비와 통계 카드 4분할, 고밀도 태스크 표로 이어지며 우측 리사이즈 핸들로 프리뷰 폭을 조절하는 인터랙션이 보인다. 타이포그래피는 굵은 산세리프 제목과 흐린 회색 부제로 위계를 만들고, 색은 흰색·검정·회색만 쓰며 검정 버튼 하나만 강조로 남긴다. 설치 모달은 패키지 매니저 탭과 복사 가능한 CLI 한 줄, 파일 트리가 달린 다크 코드 뷰어를 함께 제공한다. 컴포넌트 라이브러리 문서나 레지스트리형 쇼케이스를 설계할 때 프리뷰와 코드를 병치하는 패턴 참고로 유용하다.
minimal · light-mode · monochrome · high-contrast
claude-opus-5 · 2026-09-07 06:09 · 신뢰도 0.85
