디자인 시스템 데모

디자인 시스템 컬러 토큰

팔레트와 시맨틱 토큰을 분리한 다크 테마 지원 디자인 시스템입니다.

알림 컴포넌트

✅ 성공! 작업이 완료되었습니다.
⚠️ 주의! 이 작업은 되돌릴 수 없습니다.
❌ 오류! 문제가 발생했습니다.

카드 컴포넌트

Primary Card

시맨틱 토큰을 사용한 카드 컴포넌트입니다. 테마가 변경되면 자동으로 색상이 조정됩니다.

자세히 보기 →
Interactive Elements

버튼과 인터랙티브 요소들은 일관된 색상 시스템을 따릅니다.

Form Components

폼 요소들도 테마에 맞춰 자동으로 스타일이 변경됩니다.

Textarea Components

폼 요소들도 테마에 맞춰 자동으로 스타일이 변경됩니다.

Select Components

폼 요소들도 테마에 맞춰 자동으로 스타일이 변경됩니다.

타이포그래피

Primary Text - 주요 텍스트

Secondary Text - 보조 텍스트

Tertiary Text - 3차 텍스트

Link Text - 링크 텍스트