AI 분석
하이킹 코스 카드의 메타데이터 배치를 달리한 두 변형을 나란히 비교한 컴포넌트 시안이다.
연회색 배경 위에 둥근 모서리 카드 두 장이 나란히 놓인 비교 구성이다. 왼쪽은 이미지가 위, 제목과 속성 칩이 아래에 오는 전통적 순서이고 오른쪽은 칩과 제목을 상단으로 올리고 이미지를 하단에 배치해 순서를 뒤집었다. 타이포그래피는 산세리프 한 종류로 굵은 제목과 옅은 회색 보조 텍스트를 대비시키고, 별점·난이도·거리·소요시간을 알약 모양 아웃라인 칩으로 통일했으며 보라색 배지와 북마크 원형 버튼이 유일한 강조색이다. 오른쪽 변형은 소요시간 칩과 북마크 버튼을 이미지 위에 반투명으로 얹어 오버레이 처리했다. 같은 데이터로 정보 계층 순서만 바꿔 비교하는 방식이라 카드 컴포넌트의 배치 실험 레퍼런스로 유용하다.
minimal · light-mode · soft-gradient
claude-opus-5 · 2026-09-07 23:41 · 신뢰도 0.94
