AI 분석
어두운 배경 위에 정보·팁·경고·오류·노트 다섯 상태의 콜아웃 배너를 나란히 보여주는 컴포넌트 시안이다.
중앙 단일 칼럼에 동일한 폭의 라운드 카드 다섯 개를 균등한 간격으로 세로 배열한 컴포넌트 전시 화면이다. 카드 왼쪽 가장자리에 상태색 세로 바를 두고 그 옆에 상태 아이콘과 대문자 모노스페이스 라벨을 배치한 뒤, 아래에 산세리프 본문을 두 줄로 흘려 라벨과 본문의 위계를 색과 서체 대비만으로 구분한다. 배경은 거의 검정에 가까운 회색이고 카드 표면은 한 단계 밝은 회색이며, 파랑·초록·주황·빨강·회색 강조색을 아이콘과 라벨, 사이드 바에만 최소한으로 써서 상태 구분이 즉시 읽힌다. 옅은 사선 텍스처와 점선 그리드 가이드가 배경에 깔려 있고 하단에 아바타와 캡션 줄이 놓인 프레젠테이션 포맷이다. 다크 테마에서 상태 색을 절제해 쓰는 알림 컴포넌트 토큰 설계 참고로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 18:15 · 신뢰도 0.93
