AI로 만든 웹페이지에 더 분명한 브랜드 감도를 담고 싶다면, 이 저장소는 저장해둘 만합니다.
69개 유명 브랜드의 `DESIGN.md`를 모아, 원래는 “느낌”으로만 설명하던 디자인 스타일을 AI와 프론트엔드가 모두 이해할 수 있는 파일로 정리했습니다.
각 브랜드에는 스크린샷만 있는 것이 아닙니다.
→ DESIGN.md — 컬러, 타이포그래피, 여백, 라운드, 컴포넌트, 화면 흐름
→ tokens.json — 색상, 폰트 크기 등 디자인 변수
→ variables.css, theme.css — 프론트엔드 구현 시 바로 참고 가능
→ preview.html — 브라우저에서 전체 디자인 방향을 빠르게 확인
Airbnb, Apple, Claude, Cursor, Duolingo, Linear, Notion, Vercel 등도 포함돼 있습니다.
Github github.com/ricocc/brands-…
#AI #AICaffeine #Github
[댓글 @official__mail]
디자인 감도를 막연한 형용사 대신 재사용 가능한 기준 파일로 바꾼 점이 실용적이네요. 팀마다 금지 규칙과 예시 화면까지 덧붙이면 결과 일관성이 더 높아질 것 같습니다.
[댓글 @moveintel_kr]
오 이거 좋네요! 북마크 해놓겠습니다 :)
