Foundation
Color
Primitive 색상 스케일 + 시그니처 그라디언트.
Primitive 색은 컴포넌트에서 직접 참조 금지 — 반드시 Semantic 토큰을 통해 사용합니다. light/dark 자동 적응을 보장.
var(--color-blue-500) · bg-brand · tokens.color.blue["500"]
Blue (Primary)
50
100
200
300
400
500
600
700
800
900
Magenta (Accent)
50
100
200
300
400
500
600
700
800
900
Gray
0
50
100
200
300
400
500
600
700
800
900
950
1000
Success
50
100
200
300
400
500
600
700
800
900
Warning
50
100
200
300
400
500
600
700
800
900
Danger
50
100
200
300
400
500
600
700
800
900
Info
50
100
200
300
400
500
600
700
800
900
Signature Gradient
AI 시그니처. CTA · 헤드라인 · 아바타 링.
linear-gradient(135deg, #2560FF 0%, #A855F7 55%, #E642CA 100%)