AI 분석
보안 점수, 통계 타일, 탭별 차트와 발견 항목을 담은 라이트 모드 플로팅 패널이다.
사선 패턴 배경 위에 떠 있는 좁은 세로 패널이 헤더, 점수 영역, 필 형태 탭, 콘텐츠 카드, 푸터 순으로 쌓인다. 옅은 회색 바탕에 흰 카드를 겹치고 산세리프 제목과 모노스페이스 대문자 라벨을 대비시키며, 주황 버튼과 초록 점수 링, 심각도별 빨강·주황·노랑·회색을 기능 색으로 쓴다. 스캔 버튼을 누르면 링이 로딩 상태로 바뀌고 완료 후 수치가 갱신되며 하단에 다크 토스트가 뜨고, 탭 전환에 따라 누적 영역 차트, 심각도 필터와 발견 목록, 레이더 차트와 영역별 점수 목록이 슬라이딩 인디케이터와 함께 교체된다. 기간 드롭다운을 바꾸면 통계와 차트가 다시 그려진다. 작은 면적에 여러 보안 지표를 계층적으로 담는 위젯 설계와 상태 전환 모션 참고로 유용하다.
light-mode · minimal · techy
claude-opus-5-5 · 2026-09-24 05:11 · 신뢰도 0.80
