AI 분석
AI 워크플로 항목을 담은 카드 컴포넌트의 기본 상태와 호버 확장 상태를 나란히 보여준다.
옅은 회색 배경 위에 크게 라운드된 흰 카드 두 장이 나란히 놓인 컴포넌트 스터디다. 왼쪽은 상단 이미지가 넓게 보이는 기본 상태이고 오른쪽은 커서가 올라가 이미지가 접히고 설명 문구와 태그 칩이 드러나는 확장 상태로, 이미지 영역과 본문 영역이 맞물리는 곡선 노치와 그 홈에 얹힌 원형 더보기 버튼이 두 상태를 이어 준다. 타이포그래피는 굵은 그로테스크 제목과 회색 본문의 2단 위계로 단순하고, 색은 흰색과 뉴트럴 그레이를 바탕으로 커버 이미지의 파랑과 연동 서비스 아이콘의 빨강만 강조로 쓴다. 하단에는 겹친 아바타 스택과 +N 배지, 연동 앱 아이콘 스택이 배치되어 협업과 연결 상태를 한 줄로 압축한다. 카드 하나의 호버 확장 인터랙션과 노치 처리 방식을 설계할 때 참고하기 좋다.
minimal · light-mode · soft-gradient
claude-opus-5 · 2026-09-07 23:38 · 신뢰도 0.93
