AI 분석
사용자 아이콘의 컨테이너 스타일과 강조 단계를 라이트·다크 모드로 정리한 컴포넌트 시트다.
여백이 넉넉한 캔버스 위에 원형 아이콘 컨테이너를 4열 2행 그리드로 배열한다. 각 행은 뉴트럴 계열과 블루 강조 계열로 나뉘고, 열은 테두리형·연한 배경형·솔리드 배경형·배경 없는 베어 아이콘 순으로 강조 단계가 올라가는 구조다. 두 이미지는 동일한 배열을 라이트 배경과 거의 검정에 가까운 다크 배경으로 각각 제시해 모드별 대비와 표면 색이 어떻게 대응되는지 보여준다. 선 굵기가 일정한 스트로크 아이콘과 부드러운 그림자가 조용한 톤을 만든다. 아바타나 아이콘 버튼의 상태·강조 토큰을 설계할 때 참고하기 좋은 정리다.
minimal · light-mode · dark-mode · high-contrast
claude-opus-5 · 2026-09-07 22:42 · 신뢰도 0.90
