기본기보여주기 › 디자인·움직임·모든 프로젝트에 기본
디자인 시스템 기본선
작동 중색, 여백, 글자 크기, 버튼 모양이 화면마다 달라지면 작은 프로젝트도 조잡해집니다.
사이트에서 바로 보기
지키는 규칙
- 색, 글자 크기, 여백, 버튼 높이를 토큰처럼 관리한다.
- 경고, 성공, 비활성, 로딩 상태의 모양을 정한다.
- 아이콘은 같은 라이브러리에서 가져온다.
쓰는 부품
- Tailwind CSS✓ 깔림
- shadcn/ui✓ 깔림
- lucide-react✓ 깔림
우리 뼈대 안의 자리: 서식창고/디자인/DESIGN.md · src/app/globals.css
마법사에서 언제 들어가나
어떤 프로젝트를 고르든 기본으로 들어갑니다.
겹치는 뭉치 — 「화면 기본 규칙」 메뉴로 합쳐 둠
다섯 뭉치 모두 «화면이 어떻게 보이나»를 정한다. 쓰는 부품(shadcn/ui·Tailwind·Radix)이 거의 같다.
이 뭉치의 급
기본기무엇을 만들든 항상 들어간다. 고를 필요가 없다.