AI 분석
보안 점수와 취약점 현황을 담은 다크 모드 오버레이 패널의 인터랙션 시연이다.
거의 검정에 가까운 배경 위에 둥근 모서리의 오버레이 패널 하나가 중앙에 떠 있고, 헤더·점수 블록·탭 바·본문 카드·푸터가 수직으로 쌓인 구조다. 타이포그래피는 본문용 산세리프와 라벨·수치 보조 텍스트용 대문자 모노스페이스를 나눠 써서 계층을 만들고, 색은 회색 뉴트럴을 기본으로 링 게이지의 초록과 심각도 표시의 빨강·주황·노랑만 강조로 남긴다. 링 게이지가 스캔 중 점선 세그먼트로 분해됐다가 다시 이어지고, 점수와 카운터가 갱신되며 하단에 완료 토스트가 뜨고, 탭을 바꾸면 본문이 추이 그래프·목록·레이더 차트·자산 목록으로 교체되며 날짜 범위 드롭다운이 패널 위로 열린다. 상태 변화가 있는 데이터 패널에서 진행 중·완료 피드백과 탭 콘텐츠 전환을 어떻게 설계할지 참고하기 좋다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-22 08:14 · 신뢰도 0.82
