AI 분석
아바타 변형을 3열 셀 그리드에 나열한 컴포넌트 문서 화면이다.
상단 고정 헤더에 로고와 섹션 내비, 검색·테마 토글·강조 CTA 버튼이 배치되고 그 아래는 얇은 회색 선으로 나뉜 3열 셀 그리드가 이어진다. 흰 배경에 거의 무채색만 쓰고 각 셀 좌상단에 작은 회색 라벨을 두어 변형 이름을 표시하며 예시는 셀 중앙에 넉넉한 여백과 함께 놓인다. 이미지 없음, 라운드, 아이콘, 상태 배지, 숫자 배지, 아바타 그룹, 드롭다운·팝오버 결합, 로딩, 링 상태까지 아바타 변형이 단계적으로 확장되고 커서 호버 시 셀 우상단에 코드 보기 버튼이 나타나며 프로필 팝오버가 열린다. 후반 프레임은 화면을 확대해 팝오버 카드와 업로드 아이콘 오버레이 같은 인터랙션 상태를 강조한다. 컴포넌트 변형을 라벨 그리드로 정리하고 코드 보기 어포던스를 숨겨두는 문서 화면 설계 참고로 유용하다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-07 21:26 · 신뢰도 0.85
