AI 분석
연동 서비스별 점검 상태를 촘촘한 막대 히트맵으로 요약하는 라이트 모드 목록 패널이다.
밝은 회색 캔버스 위에 둥근 모서리의 흰 패널 하나가 떠 있고 헤더, 세그먼트 상태 탭, 필터 바, 목록, 페이지네이션 푸터가 위에서 아래로 쌓인 단일 칼럼 구조다. 산세리프 본문과 대문자 모노스페이스 보조 라벨을 대비시키고, 색은 흰색과 회색을 바탕으로 두고 주황 주버튼과 초록·빨강 상태색만 좁은 면적에 쓴다. 각 행은 서비스 로고, 이름과 한 줄 설명, 알약형 상태 배지, 점검 이력을 나타내는 촘촘한 세로 막대 히트맵으로 구성되며 비활성 행은 막대를 흐리게 처리해 상태를 즉시 구분한다. 프레임 전반에서 탭 전환에 따른 목록 교체, 검색어 입력 시 실시간 필터와 키워드 하이라이트, 상태 드롭다운 선택, 연동 추가 메뉴, 하단 중앙의 검은 토스트가 이어진다. 목록형 상태 모니터링 UI의 정보 밀도 조절과 조작 피드백 패턴을 함께 볼 수 있어 레퍼런스로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 18:19 · 신뢰도 0.85
