컬러
브랜드(primary)는 OpenIoT 블루, 나머지는 Figma 디자인시스템 팔레트예요. 시맨틱 토큰은 라이트/다크에서 자동 전환돼요.
Brand (50 → 950)
brand-50
#e8f3ff
brand-100
#c9defe
brand-200
#a0c8fd
brand-300
#74acfc
brand-400
#4593fc
brand-500
#3182f6
brand-600
#2272eb
brand-700
#1b64da
brand-800
#1957c2
brand-900
#194aa6
brand-950
#16357a
Semantic
background
#ffffff
foreground
#1f1f1f
muted
#f7f7f7
muted-foreground
#6b6b6b
border
#ebebeb
ring
#3182f6
destructive
#ff0b0b
success
#00a400
warning
#ff850b
Palette (1 → 12)
Figma 프리미티브 스케일. 각 색상 12단계예요.
gray
1
2
3
4
5
6
7
8
9
10
11
12
red
1
2
3
4
5
6
7
8
9
10
11
12
orange
1
2
3
4
5
6
7
8
9
10
11
12
yellow
1
2
3
4
5
6
7
8
9
10
11
12
lime
1
2
3
4
5
6
7
8
9
10
11
12
green
1
2
3
4
5
6
7
8
9
10
11
12
cyan
1
2
3
4
5
6
7
8
9
10
11
12
lightblue
1
2
3
4
5
6
7
8
9
10
11
12
blue
1
2
3
4
5
6
7
8
9
10
11
12
violet
1
2
3
4
5
6
7
8
9
10
11
12
purple
1
2
3
4
5
6
7
8
9
10
11
12
pink
1
2
3
4
5
6
7
8
9
10
11
12