AI 분석
사이드바 내비 예제 갤러리에서 두 종류의 프로필 카드 컴포넌트를 미리보기로 보여주는 화면이다.
왼쪽 고정 사이드바가 예제 카테고리를 나열하고 오른쪽 본문이 제목·설명 뒤에 2열 카드 그리드로 미리보기를 배치하는 구조다. 흰 배경에 옅은 회색 보더와 큰 라운드를 쓰고, 굵은 산세리프 헤딩과 작은 라벨/값 쌍으로 정보 위계를 만든다. 상세 화면은 Preview/Code 탭과 뷰포트 전환 아이콘, 맥 윈도우 크롬 형태의 캔버스 안에 카드를 띄우고, 아바타·통계 4분할 행·체크 표시 스킬 배지·연락 목록·일정 블록으로 구성된 카드와 그라데이션 배경 위 커버 이미지형 카드를 차례로 보여준다. 호버 시 라이브 프리뷰 버튼이 떠오르고 카드가 페이드로 전환되는 마이크로 인터랙션이 프레임 사이에 드러난다. 컴팩트한 인물 요약 블록의 정보 밀도와 배지·통계 배치를 참고하기에 유용하다.
minimal · light-mode · soft-gradient
claude-opus-5 · 2026-09-07 05:47 · 신뢰도 0.82
