AI 분석
모노스페이스 타이포와 삼분할 리소스 카드로 구성한 다크 모드 앱 상세 화면이다.
상단 내비게이션 바와 브레드크럼 아래에 앱 헤더, 탭 바, 리소스 섹션이 단일 칼럼으로 쌓인 콘솔형 레이아웃이다. 거의 검정에 가까운 배경 위에 한 단계 밝은 카드 면을 얹고 본문 전체를 모노스페이스 서체로 통일해 터미널 같은 인상을 만든다. CPU·메모리·스토리지를 세 칼럼 카드로 나누고 각각 파랑·초록·주황을 채널 색으로 배정해 세그먼트형 게이지, 라인 차트 범례, 배지까지 같은 색 규칙을 반복 적용한다. 하단은 시계열 사용량 차트와 임계값 알림 리스트를 좌우로 나누고 툴팁과 토글 스위치로 상호작용을 드러낸다. 색을 데이터 채널 식별자로 일관되게 쓰는 방식과 고밀도 정보를 정리하는 카드 분할이 관리 콘솔 설계 참고로 유용하다.
dark-mode · techy · high-contrast · minimal
claude-opus-5 · 2026-09-07 15:42 · 신뢰도 0.92
