Skip to content

UI와 디자인 시스템

📌 계획 자리 표시 페이지: 본 페이지는 「UI와 디자인 시스템——디자인 토큰(원시/의미 2계층)과 명명, 컴포넌트 명세와 상태 매트릭스, 아이콘, 다크 테마 매핑 테이블」을 위해 예약되었으며, 내용은 학습하며 점차 채워질 예정입니다.

수록 계획

  • [ ] 토큰 계층: 원시(팔레트) vs 의미 토큰, 의미 우선 명명
  • [ ] 컴포넌트 명세 템플릿: 구조, 전체 상태 집합, 해야 할/하지 말아야 할 규칙(버튼 예시)
  • [ ] 아이콘: 통일 그리드, 스트로크 굵기, 크기 계단
  • [ ] 다크 테마: 매핑 테이블, 대비 재측정, 순수 검정 배경 지양
  • [ ] 인계: 테마 매핑 테이블 → CSS 변수(프런트엔드 스타일링과 연계)

다음 단계

  • [ ] 분야 개요의 계획 목록과 대조하며 본 페이지를 항목별로 보완
  • [ ] 각 항목에 실행 가능한 예시와 문제 해결 기록 추가
  • [ ] 완료 후 「계획 중」 상태를 「수록 완료」로 변경

작성 규칙은 작성 가이드를 참조하세요.

VitePress로 제작 · 지식 공유의 정신으로 콘텐츠 축적