탐색
커뮤니티
스토어
등록
ko
PainPool
Design System
v1.0
브랜드 가이드, 컴포넌트 사양, UI 패턴을 정의하는 디자인 시스템 문서입니다.
기본 원칙
색상 팔레트
타이포그래피
브랜드
아이콘
어조 가이드
컴포넌트
Button
Input
Modal (Dialog)
Vote Button
Category Badge
Category Stats
Gradient Card
패턴
UI 패턴
기본 원칙 — 색상 팔레트
기본 원칙 — 타이포그래피
기본 원칙 — 브랜드
기본 원칙 — 아이콘
기본 원칙 — 어조 가이드
컴포넌트 — Button
컴포넌트 — Input
컴포넌트 — Modal (Dialog)
컴포넌트 — Vote Button
컴포넌트 — Category Badge
컴포넌트 — Category Stats
컴포넌트 — Gradient Card
패턴 — UI 패턴
색상 팔레트
PainPool 디자인 시스템의 핵심 색상 토큰입니다.
Background
Primary
#0a0a0f
Secondary
#12121a
Card
#1a1a28
Card Hover
#22223a
Input
#16162a
Text
Primary
#f0f0f5
Secondary
#8888aa
Muted
#55557a
Accent & Gradient
Accent Primary
#6c5ce7
Accent Secondary
#a29bfe
Gradient Start
#6c5ce7
Gradient Mid
#a855f7
Gradient End
#ec4899
Semantic
Success
#10b981
Vote Active
#f59e0b
Vote Inactive
#4a4a6a
Border
#2a2a44
Category
Productivity
#6c5ce7
Health
#10b981
Finance
#f59e0b
Education
#3b82f6
Lifestyle
#ec4899
Developer
#8b5cf6
Business
#f97316
Entertainment
#ef4444
