레퍼런스 찾기
좋은 결과를 위해 레퍼런스를 먼저 고르세요. 가입 없이 무료로 많이 볼 수 있는 곳 위주로 모았어요. 마음에 드는 사이트는 URL(주소)을 ChatGPT Sites(초급자 추천) 또는 v0(대안)에서 분석·클론 요청에 활용하세요.
🔗 레퍼런스를 ChatGPT Sites(초급자 추천) 또는 v0(대안)에 전달하는 법
1. URL 복사
마음에 든 사이트 주소를 복사 (브라우저 주소창)
2. 분석·클론 요청
ChatGPT Sites(초급자 추천) 또는 v0(대안)에 URL을 넣고, 참고할 구조와 바꿀 점을 함께 요청
3. 캡처·동작 비교
URL로 빠진 부분은 캡처와 실제 동작을 비교해 직접 보완 (모바일·모션·로그인 화면 포함)
주의: URL만으로 모든 사이트를 자동 클론해 준다는 보장은 없습니다. URL에서 모션·모바일·로그인 콘텐츠가 노출되지 않을 수 있으니 캡처와 실제 동작으로 비교하세요. 사용 권한이 확인된 레퍼런스·에셋만 참고하고, 공개 전에는 회사 로고·사진·문구·연락처로 교체하세요.
랜딩페이지 갤러리
전체 구조·섹션 순서를 잡을 때. 마음에 드는 사이트를 레퍼런스로 골라 제작 도구에서 분석·클론 요청에 활용하세요.
Lapa Ninja라파 닌자무료추천
랜딩 7,300+개 · 무료 UI킷/디자인 북
▸ 전체 레이아웃·섹션 순서를 잡을 때
One Page Love원페이지 러브무료
스크롤 한 장짜리 원페이지 모음
▸ 한 페이지짜리 가게 소개를 만들 때
Landingfolio랜딩폴리오무료
랜딩 + 섹션별(히어로·가격 등) 모음
▸ 특정 섹션 하나만 참고하고 싶을 때
SiteInspire사이트인스파이어무료
엄선된 웹디자인 · 스타일/업종 필터
▸ 톤·완성도 높은 레퍼런스를 찾을 때
Httpster흡스터무료
트렌디한 사이트 큐레이션 갤러리
▸ 요즘 감성 무드를 찾을 때
SaaS Landing Page사스 랜딩페이지무료
제품·서비스 랜딩 전문 모음
▸ 제품/예약 소개 페이지를 만들 때
Godly갓들리무료
하이엔드·트렌디 사이트 모음
▸ 고급스러운 무드만 뽑을 때(과한 건 빼고)
Awwwards어워즈무료
수상작 갤러리(둘러보기 무료)
▸ 인터랙션·최상급 사례를 볼 때
Land-book랜드북일부 유료
큐레이션은 좋지만 전체보기 상당수가 Pro
▸ 맛보기로만 (결제는 비추천)
실제 서비스 UI·UX 패턴
폼·가격·온보딩처럼 '검증된 화면'이 필요할 때.
한국 사이트 레퍼런스
한국 감성·한글 레이아웃이 필요할 때.
무드·영감
분위기·컨셉을 잡을 때 (그대로 구현 X, 무드만 추출).
색상 팔레트
브랜드 색을 정할 때. HEX 코드를 제작 도구에 함께 전달하면 색상 기준을 분명히 할 수 있습니다.
폰트 (웹폰트)
한글 웹폰트를 고를 때. 선택한 폰트와 사용 조건을 제작 도구에 함께 전달하세요.