AI 분석
3단 문서 레이아웃 안에서 데이터 그리드 컴포넌트 변형을 순차로 보여주는 다크 모드 화면이다.
좌측 사이드바 내비, 중앙 본문, 우측 목차로 이루어진 3단 문서 레이아웃이 화면을 구성한다. 거의 검정에 가까운 배경 위에 흰색 제목과 회색 본문을 두고 파랑을 링크와 활성 항목에만 쓰며, 표 안의 상태 배지에만 초록과 빨강을 배분해 색을 절제한다. 히어로 섹션의 중앙 정렬 타이틀과 고스트 버튼에서 시작해 Preview·Code 토글이 붙은 데이터 그리드 예제로 이어지고, 컬럼 드래그 핸들·정렬 화살표·행 드래그 그립·페이지네이션·행수 선택 같은 표 인터랙션 요소가 반복 노출된다. 컴포넌트 문서 사이트에서 예제 카드를 배치하고 표 밀도와 상태 표기를 다루는 방식의 레퍼런스로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 21:04 · 신뢰도 0.82
