웹 디자인 참고
Awesome DESIGN.md
공개 웹사이트의 색상·글꼴·간격·컴포넌트 특징을 DESIGN.md 형식으로 정리한 참고 자료 모음입니다.
홈페이지를 만들기 전에 원하는 화면 분위기와 디자인 규칙을 구체화할 때 참고하세요.
- 사용 기기
- 웹 열람 · Markdown을 읽는 편집기·AI 도구
- 시작 난이도
- 쉬움 · 참고 문서 선택
- 무료 범위
- 문서 모음은 MIT. 읽는 데 별도 AI API가 필요하지 않으며 AI로 화면을 구현할 때는 사용 도구 비용이 별도입니다.
처음 시작하는 순서
- 공식 목록에서 목적에 맞는 디자인 문서를 고릅니다.
- 색상·서체·레이아웃 규칙을 본인 프로젝트에 맞게 정리합니다.
- 구현한 화면을 확인하며 참고 자료와 실제 요구를 조정합니다.
원래 브랜드가 직접 배포한 디자인 시스템이라고 단정하지 않습니다. 참고 문서의 공개와 각 브랜드의 로고·이미지·시각 정체성 이용 권한은 별개입니다.
공식 사이트 · 설치 안내공식 설명 확인 · 2026-10-25 / 직접 사용 검증 전