색상
브랜드와 의미를 담은 색상 시스템이에요.
팔레트
Seed에서 자동 생성되는 11단계 스케일이에요. 팔레트를 직접 편집하려면 seed를 바꾸세요.
neutral
50
100
200
300
400
500
600
700
800
900
950
accent
50
100
200
300
400
500
600
700
800
900
950
시맨틱
팔레트에서 역할에 맞게 매핑된 토큰이에요. 컴포넌트가 실제로 참조하는 값들이에요.
background
#fafafa
foreground
#09090b
primary
#0058db
primary-foreground
#f5f7fa
secondary
#f4f4f5
secondary-foreground
#18181b
muted
#f4f4f5
muted-foreground
#71717a
border
#e4e4e7
input
#e4e4e7
ring
#0058db
destructive
#ef4444
destructive-foreground
#fafafa