소개

Compass Design System은 shadcn 기반의 디자인 시스템입니다. Pretendard, Lucide, 공통 디자인 토큰과 컴포넌트로 일관된 화면을 만듭니다.

문서 구성

테마 설정은 시작하기에서, 글꼴·색·아이콘의 기준은 기본 요소에서 확인합니다.

AI 사용AI에 Compass Design System 연결하기 테마라이트·다크 모드와 디자인 토큰 타이포그래피Pretendard와 타입 스케일 색색상 팔레트와 토큰의 역할 아이콘Lucide와 사용 기준 간격간격 단위와 화면 적용 값 높이표면의 깊이와 겹침 순서 컴포넌트기본 컴포넌트와 미리보기