사이트맵

Primary

Primary-01 #12A3AB
Primary-02 #107AF1
Primary-03 #F66A1B
Primary-04 #0C9A4E

Secondary

Secondary-01 #3C4646
Secondary-02 #F8F8F8

Extended Neutral

Gray-01 #1A1A1A
Gray-02 #3A3A3A
Gray-03 #6A6A6A
Gray-04 #8A8A8A
Gray-05 #9A9A9A
Gray-06 #DADADA
Gray-07 #E8E8E8
Gray-08 #F1F1F1
Black #000000
White #FFFFFF

Extended Jade Green

Jade-green-01 #0D7278
Jade-green-02 #0F8B91
Jade-green-03 #06BFBF
Jade-green-04 #E7F6F7
Jade-green-05 #12A3AB / 15%
Jade-green-06 #12A3AB / 5%

Extended Blue

Blue-01 #0B55A9
Blue-02 #0E68CD
Blue-03 #4482FF
Blue-04 #E7F2FE
Blue-05 #107AF1 /15%
Blue-06 #107AF1 /5%

Extended Orange

Orange-01 #A04512
Orange-02 #D15A17
Orange-03 #F47A35
Orange-04 #FEE9DD
Orange-05 #F66A1B / 15%
Orange-06 #F66A1B / 5%

Extended Green

Green-01 #086433
Green-02 #0A8342
Green-03 #1AD16F
Green-04 #DBF0E4
Green-05 #0C9A4E /15%
Green-06 #0C9A4E /5%

Extended Red

Red-01 #DD0404
Red-02 #FF0000
Red-03 #FFF2F2

Extended Yellow

Yellow-01 #FFA800
Yellow-02 #FFC20F
Yellow-03 #FFFBEE

Opacity

Black Opacity 5%
Black Opacity 10%
Black Opacity 15%
Black Opacity 20%
Black Opacity 25%
Black Opacity 30%
Black Opacity 35%
Black Opacity 40%
Black Opacity 45%
Black Opacity 50%
Black Opacity 60%
Black Opacity 70%
Black Opacity 80%
Black Opacity 90%
White Opacity 10%
White Opacity 15%
White Opacity 20%
White Opacity 25%
White Opacity 30%
White Opacity 35%
White Opacity 40%
White Opacity 45%
White Opacity 50%
White Opacity 55%
White Opacity 60%
White Opacity 70%
White Opacity 80%
White Opacity 90%

Border Color

  • .is-border-left-gray-1
    .is-border-right-gray-1
    .is-border-top-gray-1
    .is-border-bottom-gray-1
  • .is-border-left-gray-2
    .is-border-right-gray-2
    .is-border-top-gray-2
    .is-border-bottom-gray-2
  • .is-border-left-gray-3
    .is-border-right-gray-3
    .is-border-top-gray-3
    .is-border-bottom-gray-3
  • .is-border-left-gray-4
    .is-border-right-gray-4
    .is-border-top-gray-4
    .is-border-bottom-gray-4
  • .is-border-left-gray-5
    .is-border-right-gray-5
    .is-border-top-gray-5
    .is-border-bottom-gray-5
  • .is-border-left-gray-6
    .is-border-right-gray-6
    .is-border-top-gray-6
    .is-border-bottom-gray-6
  • .is-border-left-gray-7
    .is-border-right-gray-7
    .is-border-top-gray-7
    .is-border-bottom-gray-7
  • .is-border-left-gray-8
    .is-border-right-gray-8
    .is-border-top-gray-8
    .is-border-bottom-gray-8