로그인판매 시작

디자인 시스템

KodTree 스킨에서 사용 가능한 모든 SCSS 컴포넌트와 사용법을 확인하세요. 신규 페이지를 만들 때 이 페이지를 참조하여 적절한 클래스를 선택할 수 있습니다.

Foundations

색상, 타이포그래피, 간격, 그림자

Buttons

버튼 변형 (primary/outline/sm/lg)

Forms

input/select/checkbox/switch/textarea

Cards

product/post/profile/team/contact-info

Navigation

breadcrumb/megamenu/sidebar/pagination

Lists

board/message/inquiry/activity

Feedback

alerts/badges/modals/toasts

Media

avatar/share-buttons/image-upload

📐 사용 원칙

  • 모든 컴포넌트는 SCSS BEM 네이밍을 따릅니다 (.block, .block__element, .block--modifier)
  • 인라인 style 절대 금지 — 모든 스타일은 SCSS 컴포넌트 클래스로 관리
  • Bootstrap 5.3 유틸리티 클래스 활용 가능 (m-, p-, d-flex 등)
  • 동적 색상은 CSS 커스텀 프로퍼티(--var)로 주입