
Refero Styles는 AI 에이전트를 위한 고품질 DESIGN.md 예제를 2,000개 이상 모아놓은 라이브러리입니다. 실제 서비스 웹사이트의 색상, 타이포그래피, 간격, 컴포넌트 스타일을 브라우징하고, 마음에 드는 걸 골라 Cursor, Claude Code, Codex, v0, Lovable 같은 도구에 바로 넣을 수 있습니다.
새 프로젝트를 시작할 때 "어떤 스타일로 만들지"를 정하는 일 자체가 오래 걸릴 때가 많습니다. Refero Styles는 이미 검증된 실제 제품들의 디자인 시스템을 카탈로그 형태로 제공해서, 그중 하나를 골라 바로 시작할 수 있게 해줍니다.
주요 특징
- 2,000개 이상의 디자인 시스템: 주요 제품 웹사이트를 기반으로 한 AI 인식 가능 디자인 시스템을 모아두었습니다.
- 스타일별 상세 정보: 각 항목에서 색상, 타이포그래피, 간격, 컴포넌트 구성을 확인할 수 있습니다.
- 트렌딩·인기·최신순 정렬: 지금 많이 찾는 스타일부터 최근 추가된 스타일까지 다양한 기준으로 둘러볼 수 있습니다.
- 태그 기반 탐색: 미니멀, 클린 SaaS, 에디토리얼 타입, 소프트 그라디언트 같은 태그로 원하는 분위기를 좁혀 찾을 수 있습니다.
- 실제 제품 사례: Modal, Slush 같은 실제 서비스의 스타일을 예제로 확인할 수 있습니다.
이런 분에게 잘 맞습니다
- 새 프로젝트의 디자인 방향을 빠르게 정하고 싶은 1인 개발자
- AI 코딩 도구에 넣을 DESIGN.md 예제가 필요한 분
- 여러 스타일을 비교하며 레퍼런스를 모으고 싶은 디자이너
- 실제 서비스 사례를 통해 디자인 시스템 구조를 익히고 싶은 분