Updated: January 30, 2018

Colors

브랜드의 일관성 유지를 위해 규정된 컬러를 사용하도록 합니다.
단, 인쇄물에서는 인쇄 방식이나 용지 재질 등에 따라 정확한 색 재현이 어려울 수 있습니다.
가능한 경우 테스트 단계를 거쳐 최종 색상을 결정할 것을 권장합니다.

컬러 팔레트

Adobe CC Library는 Digital과 Print로 나뉘어있고, 각각 RGB와 CMYK 컬러로 구성되어있습니다.
아래 유의사항을 참고하여 작업물의 용도에 맞는 팔레트를 사용해야 합니다.
Sketch용 팔레트는 Sketch Palette 플러그인 설치 후 사용할 수 있습니다.

  • RGB는 빛을 이용하여 색을 표현하는 장치인 휴대폰, 태블릿, PC, TV등에 사용됩니다.
  • CMYK는 잉크를 이용하여 색을 표현하는 인쇄물에 사용됩니다.
  • CMYK는 색 농도의 합이 총 280%를 넘지않도록 조합해야 합니다. 농도가 초과되면 인쇄물이 선명하지 않게 나올 수 있습니다.

Brand Colors

스테이즈의 메인 컬러는 Yellow는 중요한 요소를 강조하거나 페이지 전체를 강조할 때 사용합니다.
서브 컬러인 Teal은 메인 컬러를 뒷받침하여 이미지를 강화해주는 역할을 합니다.
브랜드 컬러는 브랜드를 알리는 역할 뿐만 아니라 사용자가 제품과 상호작용할 때 시각적 단서로서 활용됩니다.

  • Light Yellow

    HEX
    #FFDB38
    RGB
    255 219 56
    CMYK
    0 14 89 0
  • Stayes Yellow

    HEX
    #FCCE00
    RGB
    252 206 0
    CMYK
    0 18 97 0
  • Dark Yellow

    HEX
    #FFC300
    RGB
    255 195 0
    CMYK
    0 25 100 0
  • Pale Teal

    HEX
    #ECF9F9
    RGB
    236 249 249
    CMYK
    10 0 4 0
  • Stayes Teal

    HEX
    #00B9B4
    RGB
    0 185 180
    CMYK
    76 4 38 0
  • Teal Dark

    HEX
    #00A5A0
    RGB
    0 165 160
    CMYK
    77 17 44 0

Gray Colors

총 6단계의 회색조를 사용할 수 있습니다.

  • Pale Gray

    HEX
    #F8F8F8
    RGB
    248 248 248
    CMYK
    2 1 1 0
  • Ultra Light Gray

    HEX
    #E7E7E7
    RGB
    231 231 231
    CMYK
    7 5 4 0
  • Light Gray

    HEX
    #D2D2D2
    RGB
    210 210 210
    CMYK
    15 11 9 0
  • Medium Gray

    HEX
    #949494
    RGB
    148 148 148
    CMYK
    42 34 31 1
  • Dark Gray

    HEX
    #575755
    RGB
    87 87 87
    CMYK
    70 62 60 14
  • Black

    HEX
    #32312E
    RGB
    50 49 46
    CMYK
    76 72 73 43

UI Colors

Red는 Fail, Error 등 부정적 상황의 요소에 사용하며, Teal은 Success, Active 등 긍정적 상황에 사용됩니다.

  • RED

    HEX
    #EC1F3B
    RGB
    CMYK
  • TEAL

    HEX
    #00B9B4
    RGB
    CMYK