(cache)디자인 레퍼런스 모음 (총 85개) - 카테고리별 레퍼런스 총정리 (웹앱 디자인 북마크 리스트)

디자인 레퍼런스 모음 (총 85개) - 카테고리별 레퍼런스 총정리 (웹앱 디자인 북마크 리스트)

2026.04.05. 오후 9:01

by 바이브 코딩

가

이 포스팅은 AI(Claude Opus 4.6)의 도움을 받아 작성했어요.

< 목차 >

1. 종합 디자인 갤러리 웹사이트 모음 (10)

2. 플랫폼·제품 유형별 웹사이트 모음

2-A. SaaS · 웹앱 · 대시보드 (5)

2-B. 이커머스 · 온라인 스토어 (4)

2-C. 모바일 앱 (iOS · Android) (5)

2-D. 랜딩페이지 (4)

3. 시각 스타일·무드별 웹사이트 모음

3-A. 다크 모드 · 다크 테마 (3)

3-B. 미니멀 · 클린 (2)

3-C. 브루탈리즘 · 실험적 · 익스트림 (5)

4. UI 컴포넌트·섹션별 웹사이트 모음 (6)

5. 모션·인터랙션·애니메이션

5-A. 웹 모션 · 인터랙션 디자인 (4)

5-B. 모션 그래픽 · 영상 애니메이션 (6)

6. 비주얼 파운데이션 (타이포그래피·컬러·브랜딩) 웹사이트 모음

6-A. 타이포그래피 (4)

6-B. 컬러 팔레트 (5)

6-C. 브랜딩·그래픽 디자인 (5)

7. 포트폴리오·크리에이터 쇼케이스 웹사이트 모음 (6)

8. 사진·비주얼 아트 웹사이트 모음

8-A. 사진 인스피레이션 · 커뮤니티 (7)

8-B. 비주얼 무드보드 · 종합 이미지 (4)

1. 종합 디자인 갤러리 웹사이트 모음

한 곳에서 다양한 장르의 웹/앱 디자인을 폭넓게 탐색할 수 있는 허브 사이트입니다.

프로젝트 초기 방향 잡기에 가장 먼저 방문하는 곳들입니다.

사이트	URL	특징
Awwwards	https://www.awwwards.com	수상작 기반, 디자인·개발·크리에이티브 점수 제공
Godly	https://godly.website	트렌디한 웹 디자인만 엄선, 매일 업데이트
Siteinspire	https://www.siteinspire.com	스타일·유형·주제별 필터, 클린한 큐레이션
Land-book	https://land-book.com	랜딩페이지 중심이지만 전 장르 커버
Dribbble	https://dribbble.com	디자이너 커뮤니티, 컨셉 디자인~실제 프로덕트까지
Behance	https://www.behance.net	Adobe 플랫폼, 프로젝트 케이스 스터디 형식
CSS Design Awards	https://www.cssdesignawards.com	기술적 구현력까지 평가하는 수상 갤러리
Design Spells	https://www.designspells.com	디테일 중심의 마이크로 인터랙션 큐레이션
Muzli (by Invision)	https://muz.li	브라우저 새 탭에서 자동 피드, 트렌드 집약
Toools.design	https://www.toools.design	인스피레이션 사이트들의 메타 디렉토리