Design System Patterns
Installation
SKILL.md
Design System Patterns
Pencil에서 디자인 시스템을 구축하고 관리하는 패턴과 모범 사례를 제공한다.
Core Concepts
디자인 토큰
디자인 토큰은 디자인 시스템의 기본 단위로, 변수로 정의하여 일관성을 유지한다.
| Token Type | 예시 | 용도 |
|---|---|---|
| Colors | primary, secondary, neutral | 브랜드 색상, UI 색상 |
| Typography | heading, body, caption | 폰트 크기, 굵기, 행간 |
| Spacing | xs, sm, md, lg, xl | 여백, 간격 |
| Radii | sm, md, lg, full | 모서리 둥글기 |
| Shadows | sm, md, lg | 그림자 효과 |