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
brand guide
Sketch Palette Download