<aside>
🎨
AI로 만든 디자인이 촌스럽게 느껴질 때 쓰는 무료 사이트 모음이에요. 좋은 예시를 구경하고, 마음에 드는 스타일을 복사해 Claude에 붙여넣고, 무료 소재로 마무리하는 순서로 정리했어요.
</aside>
이렇게 쓰세요
- 구경하기: 아래 갤러리에서 마음에 드는 디자인을 찾아요.
- 스타일 복사: refero에서 비슷한 스타일의 설명서(DESIGN.md)를 복사해요.
- Claude로 만들기: 설명서를 붙여넣고 만들고 싶은 페이지를 말해요.
- 소재 넣기: 3D 아이콘·일러스트로 PPT·포스터·썸네일까지 꾸며요.
1. 구경하기
- minimal.gallery — 2013년부터 직접 골라 온 웹사이트 모음. 포트폴리오·쇼핑몰·음식처럼 업종별로 볼 수 있어요. 가입 없이 무료.
- awwwards — 디자인 상을 받은 웹사이트 모음. 수상작 목록은 가입 없이 볼 수 있어요.
- landing.love — 움직이는 웹사이트 2,000곳 이상을 화면 녹화 영상으로 보여 줘요.
- recent.design — 웹·앱 화면, 브랜딩, 포스터, 일러스트까지 장르별로 모아 둔 곳이에요.
<aside>
💡
마음에 드는 화면은 캡처해 두었다가 AI에 "이런 느낌으로"라며 함께 보여 줘도 좋아요.
</aside>
- 목록에서 마음에 드는 스타일을 눌러요.
- 오른쪽(휴대폰은 아래쪽) DESIGN.md 칸 위의 Copy 버튼을 눌러요. 짧은 버전(Compact)이면 충분해요.
- 색과 도형이 뚜렷한 스타일일수록 결과가 잘 살아나요. 흑백 위주의 절제된 스타일은 밋밋하게 나오기 쉬워요.
3. Claude로 만들기
Claude 대화창에 아래 요청문을 쓰고, 그 아래에 복사한 설명서를 붙여넣어 보내세요. [ ] 부분만 바꾸면 돼요.
아래 디자인 설명서(DESIGN.md) 스타일로 [만들고 싶은 페이지, 예: 동네 카페 홈페이지]를 만들어 줘.
- 들어갈 내용: [예: 가게 소개, 메뉴, 위치와 영업시간]
- 한글 글꼴은 [원하는 글꼴, 예: Pretendard]로 써 줘
- 첫 화면은 설명서에 나온 대표 그래픽(그라데이션·도형)을 과감하게 살려 줘
- 원래 브랜드 이름·로고는 쓰지 말고 분위기만 참고해
(여기에 복사한 설명서를 붙여넣기)