AI 분석
밝은 회색 배경 위 흰 앱 창 안에서 통계 카드와 변경 목록 표, 코드 diff 오버레이 패널을 조합한 개발자 도구 대시보드다.
회색 캔버스 위에 라운드 처리된 흰색 앱 창을 띄우고, 그 안을 아이콘 레일과 목록 사이드바, 본문 3단으로 나눈 데스크톱 레이아웃이다. 상단에는 브레드크럼과 검색, 강조 버튼을 둔 헤더가 있고 그 아래 통계 카드 4개가 균등 그리드로 놓인 뒤 탭 필터가 붙은 고밀도 표가 이어진다. 타이포그래피는 기하학적 산세리프 한 종을 크기와 굵기만 바꿔 쓰고, 색은 거의 무채색으로 억제한 채 상태 배지와 증감 수치에만 파랑·초록·빨강·보라·노랑을 얇은 pill 형태로 배분한다. 항목을 선택하면 오른쪽에서 코드 diff 슬라이드오버 패널이 올라오고 뒤 화면은 흐려지며, 패널 안에는 파일 탭과 경로 브레드크럼, 증감 카운트, 구문 강조된 코드, 하단 고정 액션 버튼이 배치된다. 밀도 높은 표와 상세 패널을 한 화면에서 충돌 없이 겹치는 방식을 보여주는 개발자 도구 UI 레퍼런스로 유용하다.
minimal · light-mode · corporate · techy
claude-opus-5 · 2026-09-07 15:55 · 신뢰도 0.93
