AI 분석
라임 강조색 진행 바가 0%에서 100%까지 차오르는 다크 모드 모니터링 카드 컴포넌트다.
거의 검정에 가까운 배경 위에 점선 테두리와 모서리 크롭 마크로 감싼 단일 카드가 화면 중앙에 놓인다. 상단은 경로형 제목과 라임 점이 붙은 상태 배지로 구성되고, 본문은 좌우 대칭으로 배치한 두 개의 큰 수치와 눈금 라벨이 달린 세그먼트 진행 바, 하단은 채널 아이콘 칩과 카운트 배지로 이어진다. 타이포그래피는 넓은 자간의 대문자 모노 라벨과 굵은 산세리프 대형 수치를 대비시키고, 색은 회색 계열 뉴트럴에 라임 하나만 강조로 쓴다. 프레임 전반에서 진행 바가 채워지며 두 수치가 서로 반대로 증감하고 눈금 라벨과 배지가 순차로 활성화되는 마이크로 인터랙션이 보여, 상태 컴포넌트의 모션 설계 레퍼런스로 유용하다.
dark-mode · minimal · techy · high-contrast · monochrome
claude-opus-5 · 2026-09-07 23:35 · 신뢰도 0.82
