AI 분석
흰 배경 2x2 그리드에 모션 중심 랜딩 컴포넌트 네 종을 나란히 보여주는 쇼케이스다.
화면을 얇은 헤어라인으로 사등분한 2x2 그리드에 컴포넌트를 하나씩 배치하고, 이어서 각 셀을 확대해 모션을 보여주는 구성이다. 배경은 거의 순백이고 카드는 미세한 라운드 테두리와 옅은 그림자만 쓰며, 강조는 민트그린 하나로 통일해 수치 배지와 에어리어 차트 그라데이션에만 적용한다. 타이포그래피는 작은 회색 라벨과 굵고 큰 숫자의 대비로 위계를 만들고, 구성 요소는 카운트업 통계 카드, 점선 궤도를 도는 아바타 오빗, 중앙 노드로 수렴하는 곡선 연결선, 상태 배지가 붙은 거래 목록 스택이다. 모션은 숫자 증가와 차트 라인 드로잉, 궤도 회전, 리스트 항목 포커스 전환처럼 절제된 마이크로 인터랙션 위주다. 랜딩 페이지에 넣을 애니메이션 컴포넌트를 밝고 조용한 톤으로 설계할 때 참고하기 좋다.
minimal · light-mode · playful
claude-opus-5 · 2026-09-07 09:46 · 신뢰도 0.82