AI 분석
정보·경고·성공·오류 4개 상태를 압축형과 확장형으로 나눈 다크 모드 스낵바 컴포넌트 모음이다.
짙은 회색 배경 위에 2열 4행 그리드로 스낵바 여덟 개가 정렬되어 있고, 왼쪽 열은 정보와 성공, 오른쪽 열은 경고와 오류 상태를 담는다. 카드 배경은 각 상태의 색을 아주 낮은 채도로 머금은 근사 검정이며 얇은 테두리와 큰 라운드 코너로 표면을 분리하고, 산세리프 본문은 제목만 밝은 흰색이고 설명은 한 단계 낮은 회색으로 위계를 만든다. 각 스낵바는 라운드 사각형 안의 상태 아이콘, 본문, 오른쪽 상단 닫기 버튼으로 구성되며 확장형에는 제목 줄과 알약형 아웃라인 액션 버튼이 추가된다. 같은 컴포넌트를 밀도와 정보량에 따라 두 가지로 나눠 보여줘 알림 컴포넌트의 상태 색상 토큰과 변형 설계를 참고하기에 좋다.
dark-mode · minimal · techy
claude-opus-5 · 2026-09-07 23:26 · 신뢰도 0.94
