AI 분석
배포 상태와 로그 진행을 한 패널에 정리한 개발자 도구 모달이다.
둥근 모서리 오버레이 패널이 화면 중앙에 떠 있고 내부는 헤더, 메타 정보, 도메인·소스, 배포 상태 목록, 하단 액션 바의 다섯 구획으로 나뉜다. 배포 ID는 큰 산세리프로 강조하고 도메인과 커밋 정보는 모노스페이스 소문자 라벨로 처리해 정보 위계를 대비시키며, 주황 강조 버튼 하나만 색을 쓰고 상태는 초록·빨강 배지로 구분한다. 미리보기 썸네일, 칩형 도메인 토큰, 막대 형태의 로그 진행 표시, 체크·경고 원형 아이콘이 핵심 컴포넌트다. 같은 화면을 라이트와 다크 두 벌로 제시해 뉴트럴 토큰과 상태색이 모드 전환에서 어떻게 유지되는지 보여주는 점이 레퍼런스로 유용하다.
minimal · dark-mode · light-mode · high-contrast · techy
claude-opus-5 · 2026-09-22 08:15 · 신뢰도 0.93
