Global Brand Design Guide for Screen Ver 1.5
본 문서에 포함된 모든 이미지의 저작권은 (주)코인원에 있습니다.
Logo Coinone Signature 가로형 조합을 사용하는 것을 기본 원칙으로 하며, 가로형을 쓰기에 부적절한 지면이나 설치 조건일 경우에 한하여 세로형 조합을 사용할 수 있습니다. 태그라인이 포함된 조합은 브랜드 슬로건을 드러내야할 때 선택적으로 사용 가능하나 태그라인의 가독성을 해치지 않는 범위에서 사이즈를 조정할 수 있습니다. Primary Lock-up (Horizontal) Secondary Lock-up (Vertical) Alt (with tagline) Alt (with tagline)
Logo Clear Space 클리어 스페이스는 코인원 로고의 시각적 개별성을 얻기 위해 필요한 최소한의 여백으로, 붉은 색으로 표시한 프레임 안으로 다른 개체가 침범하지 않게 합니다.
Logo Sub Brand Logo 코인원의 계열사 로고는 각각의 이름을 코인원로고 우하단에 작게 표기하는 시스템을 따릅니다. Transfer Transfer a
Logo Service Logo 거래소 웹페이지 헤더에 노출되는 서비스명 또한 코인원 심볼과 결합된 형태를 취합니다. 서비스명이 코인원 브랜드명보다 두 배 크게 표기된 서비스 강조형 을 기본으로 사용하지만 필요에 따라 브랜드강조형과 간소화형등을 혼용할 수 있습니다. Primary Lock-up 서비스 강조형 Secondary Lock-up 브랜드 강조형 Alternative Lock-up 가로형 / 간소화형
Logo Service Logo 거래소 웹페이지 헤더에 노출되는 서비스명 또한 코인원 심볼과 결합된 형태를 취합니다. 서비스명이 코인원 브랜드명보다 두 배 크게 표기된 서비스 강조형 을 기본으로 사용하지만 필요에 따라 브랜드강조형과 간소화형등을 혼용할 수 있습니다. 서비스 강조형 브랜드 강조형 가로형 간소화형
Color Primary Color Palette Primary Color Palette는 메인컬러, 서브컬러, 포인트컬러로 구성되어있으며, 코인원의 시각적 아이덴티티를 대표합니다. Coinone Blue Gray Main Color Point Color Gray 1 Gray 2 Sub Color 1 Sub Color 2 Gray 3 Gray 4 #006BD6 #0090FF #194386 #062554 * 상기의 브랜드 컬러는 UI 컬러 규정과 일치하지 않을 수 있습니다. UI 디자인을 위한 규정은 별도의 UI 가이드를 참고하세요. #EEEFF0 #8D9299 #CFD0D3 #616670
Color Secondary Color Palettes Blue계열 뿐만 아니라 Purple과 Green을 계열(Shades)의 팔레트를 Secondary Color로 사용할 수 있습니다. 주로 코인원의 서브브랜드와 관련된 디자인이나 특수한 목적의 서브페이지 제작에 활용됩니다. Coinone Purple Coinone Green Main Color Point Color Main Color Point Color Sub Color 1 Sub Color 2 Sub Color 1 Sub Color 2 #8766FF #5B43D1 #DB93F9 #372A7F #029191 #1D5C66 * 상기의 브랜드 컬러는 UI 컬러 규정과 일치하지 않을 수 있습니다. UI 디자인을 위한 규정은 별도의 UI 가이드를 참고하세요. #00C6BC #09373A
Color Color Contrast WCAG 2.0 (Web Contents Accessibility Guidelines)를 준수한 배경색과 내용색의 컬러 콘트라스트 가이드입니다. Coinone Blue Gray Coinone Purple * 상기의 브랜드 컬러는 UI 컬러 규정과 일치하지 않을 수 있습니다. UI 디자인을 위한 규정은 별도의 UI 가이드를 참고하세요. Coinone Green
Color Hue, Saturation & Brightness Saturated 보다 다양한 유형의 브랜드 이미지를 제작할 수 있습니다. #0090FF R0 G 114 B 255 H 206 S 100 B 100 #E696FF R 223 G 153 B 255 #006BD6 R0 G 107 B 214 H 208 S 100 B 83 H 216 S 81 B 52 R 135 G 102 B 255 R 91 G 67 B 209 H 249 S 67 B 81 R2 G 145 B 145 H 248 S 66 B 49 H 179 S 98 B 56 R 29 G 91 B 102 H 187 S 71 B 40 H 183 S 84 B 22 * 상기의 브랜드 컬러는 UI 컬러 규정과 일치하지 않을 수 있습니다. UI 디자인을 위한 규정은 별도의 UI 가이드를 참고하세요. R 97 G 122 B 153 R 184 G 189 B 204 H 213 S 36 B 60 R 74 G 93 B 124 H 216 S 40 B 48 R 112 G 124 B 153 H 213 S 39 B 33 R 155 G 184 B 204 H 221 S 26 B 60 R 89 G 96 B 127 H 228 S 29 B 49 R 107 G 136 B 153 H 225 S 30 B 35 H 201 S 29 B 60 #5E717F R 94 G 113 B 127 #3F455B R 63 G 69 B 91 H 203 S 23 B 80 #6B8899 #59607F #344356 R 52 G 67 B 86 H 224 S9 B 80 #9BB8CC #707C99 #4A5D7C #09373A R9 G 55 B 58 H 208 S 29 B 80 #617A99 #1D5C66 #372A7F R 55 G 42 B 127 R 143 G 174 B 204 #B8BDCC H 204 S 25 B 49 #455359 R 67 G 81 B 89 H 214 S 24 B 34 Dark H 216 S 92 B 32 H 252 S 60 B 100 H 175 S 100 B 72 #8FAECC #029191 #5B43D1 #062554 R6 G 37 B 84 R0 G 186 B 172 #8766FF #194386 R 25 G 67 B 134 H 280 S 40 B 100 #00BAAC Bright 색조, 채도, 명도 차이를 주어 Desaturated
Color Gradient 기본 컬러팔레트에서 유래한 세 가지 톤의 그라디언트를 006BD6 1 0090FF 0090FF 2 194386 194386 3 062554 디자인에 적용할 수 있습니다. 위에서 아래 방향으로 점차 밝은 색으로 변화하며 넓은 면적을 채울 때에 솔리드 컬러와 함께 매칭합니다. Solid + Gradient 0090FF 유사한 명도의 단색과 그래디언트를 매칭하여 넓은 면적을 채울 수 있으며 1:1 비율로 가로 분할된 레이아웃을 구성할 수 있습니다. 006BD6 194386 Solid Gradient 1 2 * 상기의 브랜드 컬러는 UI 컬러 규정과 일치하지 않을 수 있습니다. UI 디자인을 위한 규정은 별도의 UI 가이드를 참고하세요. 2 3 1 3
Color Coinone Logo with Background Color 흰색 로고는 아래 지정된 네 가지 배경색과 함께 사용할 수 있습니다. #0090FF #006BD6 #062554 Logo Color Contrast 색상대비를 위하여 명도 32%이하의 배경색에서만 컬러 심볼을 사용하며, 회색 글자로 된 로고는 명도 90%이하의 배경색에서 사용할 수 없습니다.
Typography Font : Noto Sans 헤드라인과 본문 모두에 Noto Sans를 사용합니다. 타이포그라피 위계에 따라 Bold, Regular, Light를 혼용할 수 있습니다. Noto Bold The Future of Finance 금융의 미래를 앞당기다 Noto Regular The Future of Finance 금융의 미래를 앞당기다 Noto Light The Future of Finance 금융의 미래를 앞당기다 * 본 규정은 UI가이드와 일치하지 않습니다.
Typography Paragraph Style 명확한 타이포그래피 위계를 위해 헤드라인을 기준으로 단락별 포인트를 다르게 지정합니다. 1.5 최소 여백 최소 여백 크기는 대문자 높이의 약 1.5배 입니다. The Future of Finance 1. Headline Size 100% Weight Bold Trade Bitcoin and Ethereum faster, easier, and safer through Coinone. 2. Sub Headline Size 50% Weight Regular or Bold We provide several virtual currency services. Coinone strives to be the most user friendly exchange. 3. Body Coione tries to lower the entry barrier Size 25~30% Weight Light or Regular to the cryptocurrency trading. * 본 규정은 UI가이드와 일치하지 않습니다. 1.5 이후공백 헤드라인 이후의 최소 공백 간격은 헤드라인의 캡하이트(대문자높이)와 동일합니다.
Typography & Layout 1:1 텍스트는 왼쪽정렬을 기본으로 하며 코인원로고는 좌상단에 배치합니다. 1:1 비율의 레이아웃으로 모바일에 최적화된 이미지 컨텐츠를 만들 수 있습니다. Cover Type A Cover Type B Headline Goes Here Headline Goes Here Subhead Goes Here Subhead Goes Here dd-mm-yyyy Page 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etin voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Typography & Layout 3:4 텍스트는 왼쪽정렬을 기본으로 하며 코인원로고는 좌상단에 배치합니다. Headline Goes Here Subhead Goes Here Headline Goes Here Headline Goes Here Subhead Subhead Goes Here Headline Goes Here Subhead Goes Here Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consecte
Typography & Layout 16:9 텍스트는 왼쪽정렬을 기본으로 하며 코인원로고는 좌상단에 배치합니다. Headline Goes Here Headline Goes Here
Typography & Layout Logo Placement in Layout 컨텐츠의 흐름에 따라 로고의 위치를 정합니다.
Typography & Layout Application Trade Bitcoin and Ethereum faster, easier, and safer through Coinone Learn More New Year Blockchain Meet up * For inspiration only * 본 규정은 UI가이드와 일치하지 않습니다. 프로차트 가이드
Copyright 2018 Coinone Inc. All rights reserved.