Clear Space 로고타입과 주변 요소와의 구분을 명확히 하기 위해 Primary Logo는 로고타입의 상하좌우에 항상 X 여백(알파벳 A 너비)을, Symbol Logo는 1/2X 여백(Symbol의 1/2너비)을 확보합니다.(다운로드 파일에 여백이 포함되어 있습니다.)
Logo Size로고의 최소 사이즈는 Primary Logo의 경우 UI상에서는 세로 32px, 인쇄상에서는 5mm보다 작아지지 않도록 하며, Symbol Logo의 경우 UI상에서는 세로 48px, 인쇄상에서는 5mm보다 작아지지 않도록 합니다.
Usage
Corrrect Usage 로고(여백 포함)는 항상 화면 좌측 상단에 위치합니다. 로고 사이즈(여백 포함)는 Primary Logo는 화면 너비의 1/5, Symbol Logo는 화면 너비의 1/8입니다.
Incorecct Usage
컬러 임의 변경 불가
지정된 브랜드 컬러 이외의 색으로 변경할 수 없습니다.
로고 형태 임의 변형 불가
회전, 왜곡, 사이즈 비율 변경 등 로고 형태를 임의로 변형할 수 없습니다.
서체 및 문구 임의 변경 불가
로고에 사용된 서체를 임의로 변경하거나, 지정된 문구 이외의 문구를 로고에 임의로 추가할 수 없습니다.
문구, 아이콘 등 요소 위치/크기 임의 변경 불가
로고에 사용된 문구, 아이콘 등 각 요소들의 위치를 임의로 변경해 사용할 수 없습니다.
스타일 효과 임의 추가 불가
기존 로고에 임의로 효과를 추가할 수 없습니다.
지난 버전 로고 사용 불가
항상 최신 버전의 로고만 사용합니다.로고는 위에 명시된 타입 중에서만 골라 사용할 수 있습니다.
배경이미지 추가 불가
임의로 로고에 배경 이미지를 추가해 사용할 수 없습니다.
Color Palette
Color Proportion지정된 배색의 조합과 비율을 임의로 변경해 사용하지 않습니다.
Primary Colors
@primaryColor-01
#d12b26
HSB(2, 82, 82)
RGB(209, 43, 38)
CMYK(22, 95, 93, 0)
Secondary Colors
@secondaryColor-01
#d6cec1
HSB(37, 10, 84)
RGB(214, 206, 193)
CMYK(20, 19, 24, 0)
@secondaryColor-02
#f2f1ed
HSB(48, 2, 95)
RGB(242, 241, 237)
CMYK(7, 5, 8, 0)
@secondaryColor-03
#563c3c
HSB(0, 30, 34)
RGB(86, 60, 60)
CMYK(67, 76, 69, 34)
Accenct Colors
@accentColor
#d12b26
HSB(2, 82, 82)
RGB(209, 43, 38)
CMYK(22, 95, 93, 0)
Greyscale
@greyscale-lighten-most
#f3f3f3
HSB(0, 0%, 95%)
RGBA(243, 243, 243)
CMYK(6, 4, 4, 0)
@greyscale-lighten-more
#d9d9d9
HSB(0, 0%, 85%)
RGBA(217, 217, 217)
CMYK(18, 13, 13, 0)
@greyscale-lighten-less
#c0c0c0
HSB(0, 0%, 75%)
RGBA(192, 192, 192)
CMYK(29, 22, 21, 0)
@greyscale-base
#808080
HSB(0, 0%, 50%)
RGBA(128, 128, 128)
CMYK(57, 48, 45, 0)
@greyscale-darken-less
#404040
HSB(0, 0%, 25%)
RGBA(64, 64, 64)
CMYK(77, 71, 68, 34)
@greyscale-darken-more
#272727
HSB(0, 0%, 15%)
RGBA(39, 39, 39)
CMYK(82, 77, 75, 55)
@greyscale-darken-most
#0d0d0d
HSB(0, 0%, 5%)
RGBA(13, 13, 13)
CMYK(88, 84, 84, 74)
ETC Colors
@emphasisColor
#28c8c3
HSB(178, 80%, 78%)
RGBA(40, 200, 195)
CMYK(68, 0, 34, 0)
@infoColor
#28c8c3
HSB(178, 80%, 78%)
RGBA(40, 200, 195)
CMYK(68, 0, 34, 0)
@successColor
#28c8c3
HSB(178, 80%, 78%)
RGBA(40, 200, 195)
CMYK(68, 0, 34, 0)
@errorColor
#28c8c3
HSB(178, 80%, 78%)
RGBA(40, 200, 195)
CMYK(68, 0, 34, 0)
Typography 영문은 'Poppins'를 사용하고, 한글은 'Noto Sans KR(=본고딕)'을 사용합니다.
제트애로우는 '새로움'의 가치를 믿습니다. 새로움과 변화의 긍정적인 상호작용이 더 나은 내일을 빚어내기 때문입니다. 제트애로우는 '공유'의 가치를 믿습니다. 새로운 소식, 탐구, 패러다임, 희망은 모두가 향유할 때 진가를 발휘합니다. 모두가 새로운 가치를 누릴 수 있는 내일을 위해 제트애로우가 '제대로' 앞서 나가겠습니다.
Noto Sans KR DemiLight(400)
제트애로우는 '새로움'의 가치를 믿습니다. 새로움과 변화의 긍정적인 상호작용이 더 나은 내일을 빚어내기 때문입니다. 제트애로우는 '공유'의 가치를 믿습니다. 새로운 소식, 탐구, 패러다임, 희망은 모두가 향유할 때 진가를 발휘합니다. 모두가 새로운 가치를 누릴 수 있는 내일을 위해 제트애로우가 '제대로' 앞서 나가겠습니다.
Noto Sans KR Regular(500)
제트애로우는 '새로움'의 가치를 믿습니다. 새로움과 변화의 긍정적인 상호작용이 더 나은 내일을 빚어내기 때문입니다. 제트애로우는 '공유'의 가치를 믿습니다. 새로운 소식, 탐구, 패러다임, 희망은 모두가 향유할 때 진가를 발휘합니다. 모두가 새로운 가치를 누릴 수 있는 내일을 위해 제트애로우가 '제대로' 앞서 나가겠습니다.
Noto Sans KR Medium(700)
제트애로우는 '새로움'의 가치를 믿습니다. 새로움과 변화의 긍정적인 상호작용이 더 나은 내일을 빚어내기 때문입니다. 제트애로우는 '공유'의 가치를 믿습니다. 새로운 소식, 탐구, 패러다임, 희망은 모두가 향유할 때 진가를 발휘합니다. 모두가 새로운 가치를 누릴 수 있는 내일을 위해 제트애로우가 '제대로' 앞서 나가겠습니다.
Noto Sans KR Black(900)
제트애로우는 '새로움'의 가치를 믿습니다. 새로움과 변화의 긍정적인 상호작용이 더 나은 내일을 빚어내기 때문입니다. 제트애로우는 '공유'의 가치를 믿습니다. 새로운 소식, 탐구, 패러다임, 희망은 모두가 향유할 때 진가를 발휘합니다. 모두가 새로운 가치를 누릴 수 있는 내일을 위해 제트애로우가 '제대로' 앞서 나가겠습니다.
English
Poppins Light(300)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Poppins Regular(400)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Poppins Medium(500)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Poppins SemiBold(600)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Poppins Bold(700)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Font Size
MAC/Windows의 일반적인 dpi(MAC=72dpi / Windows=96dpi) 차이를 고려하여, 포토샵/웹 등에서는 pt(Point)대신 px(Pixel)을 사용합니다.
Base Font Size
Extra Small Devices(ex. Phones) : 14pxSmall Devices(ex. Tablets) : 16pxMedium Devices(ex. Desktops) : 16pxLarge Devices(ex. Wide Screens) : 16px
Small Font Size
비주얼 디자인에 따라 단위 및 크기 결정
Large Font Size
비주얼 디자인에 따라 단위 및 크기 결정
Usage(비주얼 디자인에 따라 결정)각 텍스트 요소 레벨에 지정된 속성(Font Weight, Font Size, Font Style)만을 사용합니다.
Headline
H1. Use Noto Sans KR 100 in Title Case for Headlines Larger than 30 ptH2. Use Noto Sans KR 100 in Title Case for Headlines Larger than 30 ptH3. Use Noto Sans KR 100 in Title Case for Headlines Larger than 30 ptH4. Use Noto Sans KR 100 in Title Case for Headlines Larger than 30 ptH5. Use Noto Sans KR 100 in Title Case for Headlines Larger than 30 ptH6. Use Noto Sans KR 100 in Title Case for Headlines Larger than 30 pt
