AI 분석
픽셀 아바타와 모노스페이스 라벨로 구성한 AI 에이전트 상태 카드를 라이트·다크 두 모드로 제시한 컴포넌트다.
옅은 사선 패턴 배경 위에 라운드 카드 하나만 중앙에 띄운 단일 컴포넌트 쇼케이스다. 카드는 헤더(제목과 소유자 칩), 본문(아바타·이름·역할·연동 서비스 칩), 진행 영역, 액션 푸터의 4단으로 나뉘며 점선 구분선이 본문과 진행 영역을 가른다. 이름은 큰 산세리프로, 나머지 라벨은 자간을 넓힌 대문자 모노스페이스로 처리해 두 서체의 대비가 위계를 만든다. 진행 표시는 게이지 바 대신 촘촘한 세로 눈금 스트라이프로 그려 주황 강조색이 소진량을, 회색 눈금이 잔여량을 나타내고 상태 점은 초록 하나뿐이다. 같은 컴포넌트를 밝은 회색과 near-black 배경으로 나란히 낸 구성이라 테마 토큰 매핑과 표면 층위 설계를 비교하는 레퍼런스로 쓸 만하다.
minimal · light-mode · dark-mode · techy
claude-opus-5 · 2026-09-07 18:12 · 신뢰도 0.93
