SK broadband B Brand identity manual B Brand identity manual Basic system TB Brand system Look & feel reference Version 1.6 November 2013
SK broadband B Brand identity manual CONTENTS Basic system Primary Brand mark 7 브랜드마크 Brand mark, alternative 7 브랜드마크입체표현 Brand mark, size rule 8 브랜드마크사이즈규정 Brand mark, protected area 9 브랜드마크공간규정 Brand mark, grid 9 브랜드마크그리드 Sub brand, horizon 10 서브브랜드좌우조합 Sub brand, horizon protected area 10 서브브랜드좌우조합공간규정 Sub brand, horizon application 11 서브브랜드좌우조합적용사례 Sub brand, vertical 12 서브브랜드상하조합 Sub brand, vertical protected area 12 서브브랜드상하조합공간규정 Sub brand, vertical application 13 서브브랜드상하조합적용사례 서비스로고조합 14 서비스로고조합 부가서비스로고조합 15 부가서비스로고조합 제휴서비스로고조합 16 제휴서비스로고조합 Color Color, primary set 18 주색상 Color, secondary set 19 보조색상 Color variation 20 브랜드마크색상적용 Sub brand, color variation 21 서브브랜드색상적용 Sub brand special usage 22 서브브랜드스페셜적용 영상내 brand logo 활용 23-26 영상내브랜드로고활용 Typeface Typeface, English primary 28 Typeface, Korean primary 29 Typeface, English secondary 30 Typeface, Korean secondary 31 영문전용서체한글전용서체영문지정서체한글지정서체 Incorrect usage Brand mark, incorrect usage 33-39 브랜드마크오용사례 2
SK broadband B Brand identity manual TB Brand system Primary Brand mark 42 Brand mark, alternative 42 Brand mark, protected area 43 Brand mark, grid 43 Sub brand, horizon 44 Sub brand, horizon protected area 44 Sub brand, vertical 45 Sub brand, vertical protected area 45 Sub brand, horizon & vertical 46 Family brand, size variation 47 브랜드마크브랜드마크입체표현브랜드마크공간규정브랜드마크그리드서브브랜드좌우조합서브브랜드좌우조합공간규정서브브랜드상하조합서브브랜드상하조합공간규정서브브랜드좌우조합 & 상하조합브랜드마크사이즈규정 3
SK broadband B Brand identity manual Look & feel reference Graphic Motif B curves 49 B curves B curves formatting system 50-51 B curves color variation 52 B curves layout 53 B curves 포맷시스템 B curves 색상적용 B curves 레이아웃 Prints Envelope 54 Poster 55 Banner 56 Pamphlet 57 Shopping bag Mug / Paper cup / Umbrella 58 59 봉투포스터배너전단지쇼핑백머그 / 종이컵 / 우산 Shop identity Sales booth 60 Canopy 61 Parasol 62 판매부스 캐노피파라솔 4
Basic system Primary Color Typeface Incorrect usage
Primary 브랜드마크는 T브랜드의드림리본을모티브로개발되었다. B브랜드의디자인시스템은 T브랜드와동일한원칙을따르며, 이를통해 T브랜드와 B브랜드는패밀리브랜드로서시각적일관성을전달할수있다. 브랜드마크는 B브랜드의모든영역에핵심이되며, 모든영역에적용된다. 또한서브브랜드는브랜드마크와텍스트를결합하여사용될수있다. Brand mark / 브랜드마크 Brand mark, alternative / 브랜드마크입체표현 Brand mark, size rule / 브랜드마크사이즈규정 Brand mark, protected area / 브랜드마크공간규정 Brand mark, grid / 브랜드마크그리드 Sub brand, horizon / 서브브랜드좌우조합 Sub brand, horizon protected area / 서브브랜드좌우조합공간규정 Sub brand, horizon application / 서브브랜드좌우조합적용사례 Sub brand, vertical / 서브브랜드상하조합 Sub brand, vertical protected area / 서브브랜드상하조합공간규정 Sub brand, vertical application / 서브브랜드상하조합적용사례 서비스로고조합 / 서비스로고조합 부가서비스로고조합 / 부가서비스로고조합 제휴서비스로고조합 / 제휴서비스로고조합 6
Brand mark Brand mark, alternative 브랜드마크안에그라데이션효과를주어입체감을줄수있으나, 영상화면, 데스크탑배경화면등특별한경우에만사용한다. 기본브랜드마크의사용을권장한다. 7
Brand mark, size rule B 로고타입은 T 로고타입높이의 95% 를항상유지하도록유의하여적용한다. 8
Brand mark, protected area 최소공간규정은브랜드마크높이의 5분의 2크기여백을두고적용한다. 2X 2X X 2X 2X Brand mark, grid 브랜드마크의사선은수직획의 70, 73 를이루며, 각각평행하다. 브랜드마크의곡선은원의형태에서파생되어지며, 그림에서볼수있듯이각원의크기는동일하다. 70 73 5X 9
Sub brand, horizon 서브브랜드는브랜드마크의우측에적용하며, 예시와같은간격을두고사용한다. * 서브브랜드는임의로생성할수없으며, 신규서브브랜드의생성은담당부서를통해서만가능하다. * 서브브랜드와조합형으로사용할때에도 B브랜드로고사이즈규정을항상적용한다. Sub brand, horizon protected area 10
Sub brand, horizon application 11
Sub brand, vertical 서브브랜드의좌우조합적용이힘든경우에는예시와같이상하조합을사용하지만좌우조합을우선으로한다. 브랜드마크와텍스트는가운데정렬로하는것을원칙으로한다. Sub brand, vertical protected area 최소공간규정은브랜드마크높이의 5분의 2크기여백을두고적용한다. 12
Sub brand, vertical application 서브브랜드는좌우조합을우선적으로사용하되, 적용이힘든경우에는예시와같이상하조합을사용한다. 13
서비스로고조합 14
부가서비스로고조합 인터넷 가디언 인터넷 PC 논스톱 A/S 인터넷 세이퍼 15
제휴서비스로고조합 16
Color 디자인시스템에서사용되는주색상과보조색상이있으나, 브랜드마크에사용되는색상은 SK telecom의주색상과같다. 이러한색상적용은 B브랜드와 SK telecom과의시각적동일성을만들어준다. 보조색상은브랜드마크나서브브랜드에는사용할수없으며, 다른그래픽요소에는사용가능하다. Color, primary set / 주색상 Color, secondary set / 보조색상 B Color variation / 브랜드마크색상적용 B Sub brand, color variation / 서브브랜드색상적용 Sub brand Special usage / 서브브랜드스페셜적용영상내 brand logo 활용 / 영상내브랜드로고활용 17
Color, primary set SK그룹의 SK Red(Pantone 186) 와 SK Orange(Pantone 158) 를주색상으로사용하며, 보조색상으로 T Purple(Pantone 275) 을사용한다. SK Red Pantone 186 C CMYK 0 / 100 / 81 / 4 RGB 234 / 0 / 44 SK Orange Pantone 158 C CMYK 0 / 66 / 97 / 0 RGB 255 / 122 / 0 T Purple Pantone 275 C CMYK 100 / 90 / 0 / 60 RGB 29 / 17 / 96 18
Color, secondary set 보조색상은제시된색상을사용한다. T Purple Pantone 275 C CMYK 100 / 90 / 0 / 60 RGB 29 / 17 / 96 Pantone 298 C CMYK 62 / 0 / 0 / 0 RGB 19 / 181 / 234 Pantone 285 C CMYK 80 / 30 / 0 / 0 RGB 0 / 125 / 195 Pantone 382 C CMYK 20 / 0 / 100 / 0 RGB 193 / 216 / 47 Pantone 369 C CMYK 60 / 0 / 100 / 10 RGB 109 / 179 / 63 Pantone 3415 C CMYK 100 / 0 / 90 / 10 RGB 0 / 138 / 95 Pantone 1235 C CMYK 0 / 20 / 90 / 0 RGB 253 / 187 / 48 Pantone 151 C CMYK 0 / 50 / 100 / 0 RGB 248 / 152 / 40 Silver Pantone 877 C CMYK 0 / 0 / 0 / 40 RGB 181 / 181 / 182 Gold Pantone 872 C CMYK 20 / 30 / 70 / 15 RGB 192 / 163 / 83 19
Color variation 브랜드마크는배경색상의명암에따라 positive와 negative로사용할수있다. 20
Sub brand, color variation 서브브랜드는배경색상의명암에따라 positive와 negative로사용할수있다. 21
Sub brand special usage 콘텐츠및 Promotion 카테고리를구분짓는용도로브랜드컬러가배경으로사용되는경우로고는 negative로만사용한다. SK Orange / Pantone 158C SK Red / Pantone 186C T Purple / Pantone 275C Black / K 100 Silver / Pantone 877C Gold / Pantone 872C 22
영상내 brand logo 활용 영상내 brand logo를활용할때가장좋은방식은단색배경에컬러규정에맞는로고를사용하는것이다. 부득이하게이미지위에로고를사용하는경우제시된기준을따른다. Full color 로고를우선으로사용하되색상표현의제약이있을경우 negative 로사용하길권장한다. 화면의우측상단의 brand logo 활용시크기를조정한 negative 로고를사용한다. 125% 확대 기본로고 tv 와중앙정렬 기본로고 화면상단용조정로고 : 화면상단에 B tv로고를적용할경우에한해 B 와 tv 의비율이조정된 (tv비율 125% 확대 ) 로고를 tv 자의중앙에정렬시켜사용한다. 단, tv화면이외에적용불가 23
영상내 brand logo 활용 영상내 brand logo를활용할때가장좋은방식은단색배경에컬러규정에맞는로고를사용하는것이다. 부득이하게이미지위에로고를사용하는경우제시된기준을따른다. Black / K 100 T Purple / Pantone 275C 로고가등장하는영상화면의배경색으로검정색을가급적사용하지않는다. Black / K 100 부득이하게검정색배경을사용해야하는경우로고는 negative 로사용한다. 24
영상내 brand logo 활용 영상내 brand logo를활용할때가장좋은방식은단색배경에컬러규정에맞는로고를사용하는것이다. 부득이하게이미지위에로고를사용하는경우제시된기준을따른다. Black 40% 배경에이미지가있으며, 이미지전체명도가명확하게먹 40% 이상인경우로고는 negative로사용한다. Black 40% 배경에이미지가있으며, 이미지전체명도가명확하게먹 40% 미만인경우로고는 positive로사용한다. 25
영상내 brand logo 활용 영상내 brand logo를활용할때가장좋은방식은단색배경에컬러규정에맞는로고를사용하는것이다. 부득이하게이미지위에로고를사용하는경우제시된기준을따른다. 강한콘트라스트의배경이미지위에 B tv 로고를사용하는것은금지한다. White 투명도 80% 부득이하게강한콘트라스트의배경이미지위에로고를사용해야하는경우는투명도 80% 의화이트를겹치는영상처리를거친후 positive로사용한다. Black 투명도 70% 부득이하게강한콘트라스트의배경이미지위에로고를사용해야하는경우는투명도 70% 의블랙을겹치는영상처리를거친후 negative로사용한다. 26
Typeface B브랜드의전용서체는 T브랜드와동일한 ' 뫼비우스 ' 체를사용한다. ' 뫼비우스 ' 체는한글과영문으로이루어져있으며, 각각 Regular와 Bold체가있다. 이전용서체는 B브랜드의서브브랜드와다른 application에적용되며, 특히서브브랜드에는 Regular체를사용한다. B브랜드지정서체는 Helvetica, 윤고딕체가있다. 이지정서체는주로본문이나다른 application에사용하며, 상황에따라뫼비우스체도사용할수있다. Typeface, English primary / 영문전용서체 Typeface, Korean primary / 한글전용서체 Typeface, English secondary / 영문지정서체 Typeface, Korean secondary / 한글지정서체 27
Typeface, English primary B브랜드를위한영문전용서체로 T의전용서체를공유하여뫼비우스 Regular 서체와뫼비우스 Bold 서체를사용한다. 뫼비우스체는 sub brand, title, headline 등에사용을권장한다. * 필요시모든범위에사용가능하다. Moebius Regular Moebius Bold 28
Typeface, Korean primary B브랜드를위한한글전용서체로 T의전용서체를공유하여뫼비우스체를사용한다. 한글전용서체는 sub brand, title, headline 등에사용을권장한다. * 필요시모든범위에사용가능하다. 29
Typeface, English secondary 전용서체의적용이불가능할경우, 다량의텍스트를기반한본문작업이필요시지정서체 (Helvetica neue family) 를사용한다. 아래 4개이외에다른두께의 Helvetica neue를선택할수있으나, Extremely heavy, Helvetica neue 95, 96은피한다. 30
Typeface, Korean secondary 전용서체의적용이불가능할경우, 다량의텍스트를기반한본문에지정서체인윤고딕 300 패밀리를사용한다. 31
Incorrect usage 브랜드마크, 디자인요소및서브브랜드등의사용시본매뉴얼의지침에따라올바른 B브랜드아이덴티티를확립할수있도록한다. Brand mark, incorrect usage / 브랜드마크오용사례 32
Brand mark, incorrect usage 제시된예와같이강렬한레드, 오렌지색상위에는사용하지않으며, 예시와같은오용사례에주의하여적용한다. * Application 적용시디자인담당부서와상의 배경색상이브랜드마크와비슷한 red 색상적용금지 배경색상이브랜드마크와비슷한 orange 색상적용금지 브랜드마크에다른색상적용금지 적용색상의위치변화금지 브랜드마크에테두리사용금지 브랜드마크에테두리사용금지 브랜드마크를회전시켜사용금지 브랜드마크를왜곡시켜사용금지 브랜드마크의복잡한배경에이미지적용금지 브랜드마크에이미지적용금지 브랜드마크안에색상적용금지 브랜드마크에패턴적용금지 브랜드마크의 1도표현시명도의변화금지 33
Brand logo, incorrect usage 본문텍스트혹은그에준하는문장속에 B tv 라는명칭이나오는경우로고형태를사용하지않는다. 띄어쓰기와대, 소문자에주의한다. 고객을위한최고의서비스, SK 브로드밴드 B tv 에지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. B+ 영문서비스명일경우 B 와서비스명사이에반드시띄어쓰기한다. 고객을위한최고의서비스, SK브로드밴드지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. 에 본문텍스트혹은그에준하는문장속에 B tv 라는명칭이나오는경우로고형태를사용하지않는다. 고객을위한최고의서비스, SK 브로드밴드 B TV 에지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. B+ 영문서비스명일경우서비스명은대문자로표기하지않는다. 고객을위한최고의서비스, SK 브로드밴드 Btv 에지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. B+ 영문서비스명일경우 B 와서비스명사이에반드시띄어쓰기한다. 34
Brand logo, incorrect usage 본문텍스트혹은그에준하는문장속에 B 인터넷라는명칭이나오는경우로고형태를사용하지않는다. 고객을위한최고의서비스, SK 브로드밴드 B 인터넷에지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. B+ 국문서비스명일경우 B 와서비스명을반드시붙여쓴다. 고객을위한최고의서비스, SK브로드밴드지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. 에 본문텍스트혹은그에준하는문장속에 B 인터넷라는명칭이나오는경우로고형태를사용하지않는다. 고객을위한최고의서비스, SK 브로드밴드 B 인터넷에지금가입하시면상상이상의즐거움이원하는시간, 원하는공간에찾아갑니다. B+ 국문서비스명일경우 B 와서비스명사이에반드시붙여쓴다. 35
Brand logo, incorrect usage 본문텍스트혹은그에준하는문장속에 T, B 라는명칭이나오는경우로고형태를사용하지않는다. 로고는로고자체로사용하는것이원칙이나광고헤드카피등으로사용되는경우에는허용한다. 허용 B 끼리통화무제한! 끼리통화무제한! 로고는로고자체로사용하는것이원칙이나광고헤드카피등으로사용되는경우에는허용한다. T 와 B 가만나면, 기본료할인! 허용 와가만나면, 기본료할인! 로고는로고자체로사용하는것이원칙이나광고헤드카피등으로사용되는경우에는허용한다. 36
Brand logo, incorrect usage 지정된브랜드마크에임의로다른서체를조합하여사용하지않는다. 제시된예시와같은오용사례에주의하여적용한다. tv tv tv 37
Brand logo, incorrect usage 제시된예시와같은오용사례에주의하여적용한다. B tv 로고는단독으로사용되어야하며, 본문텍스트혹은그에준하는문장속에 B tv 라는명칭이나오는경우로고형태를사용하지않는다. 오직 B tv 에서만독점애니메이션서비스 오직 B tv 에서만독점애니메이션서비스 B tv 로고는단독으로사용되어야하며, 크기와위치에주의하여사용한다. B tv 로고는헤드라인텍스트와붙여사용하지않는다. 38
Brand logo, incorrect usage 영상내 brand logo를활용할때다음의예시와같은오용사례에주의하여적용한다. B tv 로고에흰색테두리를사용하는것은금지한다. 39
TB Brand system Primary 29
SK broadband B Brand identity manual TB Brand system Primary 브랜드마크는 T브랜드와 B브랜드의결합으로이루어졌으며, 두브랜드가유기적으로연계하여통합서비스를제공함을나타낸다. TB브랜드는결합상품및서비스에한해사용되며, T브랜드와 B브랜드의디자인시스템을반영한패밀리룩으로개발되었다. Brand mark / 브랜드마크 Brand mark, alternative / 브랜드마크입체표현 Brand mark, protected area / 브랜드마크공간규정 Brand mark, grid / 브랜드마크그리드 Sub brand, horizon / 서브브랜드좌우조합 Sub brand, horizon protected area / 서브브랜드좌우조합공간규정 Sub brand, vertical / 서브브랜드상하조합 Sub brand, vertical protected area / 서브브랜드상하조합공간규정 Sub brand, horizon & vertical / 서브브랜드좌우조합 & 상하조합 Family brand, size variation / 브랜드마크사이즈규정 41
SK broadband B Brand identity manual TB Brand system Brand mark Brand mark, alternative 브랜드마크안에그라데이션효과를주어입체감을주는것은사용하지않는다. 예시와같은오용사례에주의하여적용한다. 42
SK broadband B Brand identity manual TB Brand system Brand mark, protected area 2X T 브랜드마크의 5등분 ( 높이 ) 을기준으로 TB브랜드마크높이는 7.28이된다. 최소공간규정은브랜드마크높이의 7.28분의 2크기여백을두고적용한다. 2X 1X * T, B, TB 브랜드마크각각의최소공간규정은동일해야한다. 0.28X 2X 2X Brand mark, grid 브랜드마크의사선은수직획의 70, 73 를이루며, 각각평행하다. 브랜드마크의곡선은원의형태에서기초되어뫼비우스형태를표현하였다. 70 7X 73 43
SK broadband B Brand identity manual TB Brand system Sub brand, horizon 서브브랜드는브랜드마크의우측에적용하며, 예시와같은간격을두고사용한다. * 서브브랜드는임의로생성할수없으며, 신규서브브랜드의생성은담당부서를통해서만가능하다. 6X minimum size 8mm Sub brand, horizon protected area 2X 2X X 0.3X 2X 2X 44
SK broadband B Brand identity manual TB Brand system Sub brand, vertical 서브브랜드의좌우조합적용이힘든경우에는예시와같이상하조합을사용하지만좌우조합을우선으로한다. 브랜드마크와텍스트는가운데정렬로하는것을원칙으로한다. 6X 0.75X 1.5X 0.25X minimum size 8mm Sub brand, vertical protected area 2X 2X 최소공간규정은브랜드마크높이의 7.28분의 2크기여백을두고적용한다. X 6X 0.25X 2X 2X 45
SK broadband B Brand identity manual TB Brand system Sub brand, horizon & vertical 46
SK broadband B Brand identity manual TB Brand system Family brand, size variation TB Brand system 의브랜드마크 / 서브브랜드색상적용, 브랜드마크오용사례규정은 Basic system 규정에준하여동일하게적용된다. 47
Look & feel reference Graphic Motif Prints Store identity
SK broadband B Brand identity manual Look & feel reference Graphic Motif B curves 그래픽모티브인 B curves는브랜드마크의형태에기초를두고있다. B브랜드의이미지를확산시키고, 각종응용항목에효과적으로사용하기위한보조적그래픽요소이다. 49
SK broadband B Brand identity manual Look & feel reference B curves formatting system B curves는 B브랜드를시각적으로나타내는중요요소의하나로가이드에서예시하는크기, 위치등을참조하여레이아웃디자인을해야한다. 브랜드전략및적용되는문서 ( 홍보용제작사양 ) 의크기에따라 B curves 자체를해치지않는범위에서응용가능하다. 1/4x x 2x 50
SK broadband B Brand identity manual Look & feel reference B curves formatting system B curves는 B브랜드를시각적으로나타내는중요요소의하나로가이드에서예시하는크기, 위치등을참조하여레이아웃디자인을해야한다. 상단적용 1/4x x 하단적용 브랜드전략및적용되는문서 ( 홍보용제작사양 ) 의 크기에따라 B curves 자체를해치지않는범위에서 응용가능하다. y y 1/4x x B curves의위치는위의예시와같이등간격그리드에맞춰적용한다. x, y의값은상황에따라바꿔서사용할수있으나 B curves의기본형태는유지시킨다. ( 위예시에서는 x=4, y=20 등분으로나누어사용됨 ) 51
SK broadband B Brand identity manual Look & feel reference B curves color variation B curves의색상은 B brand main color와 sub color를사용하는것이기본원칙이지만, Background에적용된이미지의색상에따라 gray 또는 white를사용할수있다. main color SK Red / Pantone 186C SK Orange / Pantone 158C T Purple / Pantone 275C sub color Silver / Pantone 877C Gold / Pantone 872C other color Gray (k10~k50) White 52
SK broadband B Brand identity manual Look & feel reference B curves layout B curves는도큐멘트의상단이나하단에적용되며, B curves를기준으로상 / 하단에 image 혹은 color를적용시킬수있다. 상단적용 color blank blank image image color 하단적용 image image color color blank blank 53
SK broadband B Brand identity manual Look & feel reference Prints Envelope 봉투 100-095 서울특별시중구남대문로 5가 267번지 SK남산그린빌딩 SK Namsan blda, 267 Namdaemunro 5-ga, Jung-gu, Seoul, 100-095, Korea 100-095 서울특별시중구남대문로 5가 267번지 SK남산그린빌딩 SK Namsan blda, 267 Namdaemunro 5-ga, Jung-gu, Seoul, 100-095, Korea 54
SK broadband B Brand identity manual Look & feel reference Poster 포스터 월 7,000 원이면 70 개의실시간채널이우리집으로온다! 월 7,000 원이면 70 개의실시간채널이우리집으로온다! 합리적인 B tv Digital 보급형 을만나보세요! 70 HD 7,000 합리적인 B tv Digital 보급형 을만나보세요! 70 HD 7,000 55
SK broadband B Brand identity manual Look & feel reference Banner 배너 T + B tv SK 텔레콤과 B tv 과만나면더욱저렴해지는기본료! 이동전화기본료 2,000 원할인! T + B tv SK 텔레콤과 B tv 과만나면더욱저렴해지는기본료! 이동전화기본료 2,000 원할인! 56
SK broadband B Brand identity manual Look & feel reference Pamphlet 전단지 TB끼리온가족프리 TB끼리온가족프리데이터무제한데이터무제한인터넷최저요금인터넷최저요금 음성음성문자무제한문자무제한 이동이동전화기본료전화기본료할인할인 이동전화와인터넷이만나면! 1 LTE 400Kbps 500MB SKT 1 1 3 1 57
SK broadband B Brand identity manual Look & feel reference Shopping bag 쇼핑백 58
SK broadband B Brand identity manual Look & feel reference Mug / Paper cup / Umbrella 머그컵 / 종이컵 / 우산 59
SK broadband B Brand identity manual Look & feel reference Store identity Sales booth 판매부스 인터넷가입상담신규가입상품문의 A/S 접수 60
신규가입 상담문의 인터넷가입상담 SK broadband B Brand identity manual Look & feel reference Canopy 캐노피 인터넷가입상담 신규가입 상담문의 61
SK broadband B Brand identity manual Look & feel reference Parasol 파라솔 인터넷가입상담 신규가입 상담문의 62
본매뉴얼에수록된내용을임의로변형하는것은금지하며 해석이필요한경우담당부서와협의해야합니다. Version 1.6 November 2013