AI 분석
사이드바 내비와 상태 배지를 갖춘 다크 모드 데이터 테이블 컴포넌트 문서 화면이다.
좌측 고정 사이드바가 테이블 변형 목록을 세로로 나열하고 우측 본문이 단일 컴포넌트 미리보기를 넓게 감싸는 2분할 레이아웃이다. 거의 검정에 가까운 배경 위에 흐린 회색 본문과 흰색 강조 텍스트로 대비를 만들고 세리프 대제목과 산세리프 UI 텍스트를 섞어 문서 톤을 잡는다. 미리보기 안에는 카운트가 붙은 필터 탭, 체크박스 행 선택, 아바타가 결합된 고객 셀, 색으로 상태를 구분하는 알약형 배지, 합계 행과 페이지네이션이 한 벌로 들어가 있고 상단에는 밀도 토글과 코드 복사 버튼이 놓인다. 어두운 화면에서 표의 계층과 상태 색을 과하지 않게 다루는 방식을 보여주어 데이터 테이블과 컴포넌트 문서 레이아웃 레퍼런스로 유용하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-22 07:01 · 신뢰도 0.93
