AI 분석
배포 상세 정보를 모달 오버레이에 정리한 개발자 도구 화면을 라이트·다크 두 모드로 제시한다.
점선 가이드가 깔린 캔버스 위에 둥근 모서리 모달 하나를 띄우고, 그 안을 헤더·메타 정보·도메인/소스·상태 목록 네 구역으로 얇은 점선 구분선을 써서 나눈다. 큰 산세리프 제목과 모노스페이스 본문을 섞어 식별자와 로그성 정보에만 고정폭 서체를 쓰고, 무채색 표면에 초록과 빨강만 상태 신호로 남기며 강조 버튼 하나만 주황으로 띄운다. 좌측 미리보기 썸네일, 알약형 도메인 칩, 막대 스파크라인 형태의 진행 표시, 카운트 배지, 하단 액션 바가 핵심 구성이다. 같은 화면을 라이트와 다크로 나란히 보여줘 표면 단계와 테두리 대비를 어떻게 옮겼는지 비교할 수 있고, 밀도 높은 상태 정보를 조용하게 배치하는 방식의 참고가 된다.
minimal · light-mode · dark-mode · techy
claude-opus-5 · 2026-09-07 18:26 · 신뢰도 0.93
