컴포넌트 가이드라인
MusicCollab 디자인 시스템 — 개발팀 핸드오프용 컴포넌트 카탈로그
컬러 팔레트
Background
#0a0a0f
Bg Secondary
#12121a
Bg Tertiary
#1a1a2e
Card
#16161f
Surface
#1e1e2e
Surface++
#252535
Purple
#7c3aed
Cyan
#06b6d4
Green
#10b981
Yellow
#f59e0b
Red
#ef4444
Text Primary
#f8fafc
Text 2nd
#94a3b8
Muted
#475569
타이포그래피
Display
5xl · bold — 페이지 히어로
Heading 1
3xl · bold — 섹션 제목
Heading 2
xl · semibold — 카드 제목
Body — 음악 협업 플랫폼 본문 텍스트
base · normal — 본문
Secondary — 보조 정보 텍스트
sm · normal · text-secondary
01:24 · mono code
xs · mono — 타임코드
버튼
입력 컴포넌트
아이콘 (음악 도메인)
Waveform
Play
Pause
Upload
Feedback
Track
BPM
Collab
Stem
뱃지 / 태그
장르 태그
Lo-Fi Hip-HopSynthwaveR&B / SoulElectronicK-PopHip-HopAmbientJazz
역할 태그
ProducerVocalistMixing EngineerMastering Engineer
상태 뱃지
검토중완료진행중보류
아바타
JK
SM
DR
AV
J
S
D
+4