AI 분석
한줄 요약
왼쪽 스크롤 매물 리스트와 오른쪽 실시간 지도가 좌우로 연동되는 검색 결과 화면이다.
상세 설명
화면을 좌우로 나눠 왼쪽에는 스크롤되는 매물 카드 리스트를, 오른쪽에는 고정된 인터랙티브 지도를 배치한 스플릿 스크린 구조다. 흰 배경에 얇은 회색 보더와 넉넉한 여백을 쓰고 산세리프 본문에 가격만 굵은 큰 글자로 올려 가격 비교가 먼저 읽히게 했으며, 지도는 채도를 낮춘 베이지·연회색 톤으로 눌러 검은 가격 마커가 유일한 강조 요소가 되도록 했다. 상단 필터 바는 알약형 칩과 정렬 드롭다운, 그리드·리스트 전환 토글로 구성되고 카드에는 썸네일, 주소, 편의시설 나열, 배지, 별점, 찜 하트가 한 덩어리로 들어간다. 프레임 전반에서 리스트 항목에 마우스를 올리면 카드 테두리가 강조되면서 지도의 해당 마커가 활성화되고 사진이 포함된 팝업 카드가 열리는 양방향 하이라이트가 반복되어, 목록과 공간 정보를 동기화하는 검색 UX 패턴의 레퍼런스로 쓸 만하다.
스타일 / 무드
minimallight-mode
태그
색상 팔레트
- 분석 모델
- claude-opus-5
- 분석 일시
- 2026-09-07 05:47
- 신뢰도
- 0.85
