Typography

단순한 정보 전달을 넘어 콘텐츠의 정체성과 메시지를 시각적으로 구현하는 중요한 커뮤니케이션 요소입니다.
일정한 거리를 두고 시청하는 가독성을 고려하여 크기와 명확한 서체를 사용합니다.
정적인 매체와 다르게 움직임과 시간성을 고려하여 전체적인 화면을 조화롭게 구성합니다.

Type

B tv 서비스의 경우 ‘SK B tv’ 폰트로 국문과 영문, 숫자로 최적화되어 있습니다

‘SK B tv’ 폰트를 기본으로 사용하며, OTT TV 서비스는 OS에 최적화된 폰트를 사용할 수 있습니다.

SK B tv 폰트 사용하여 구성합니다.

Typography Components

서체 사이즈와 행간, 색상이 결합된 컴포넌트를 쓰임새 및 맥락에 따라 유연하게 사용합니다.

Usage

Type Scale

가독성 향상과 시각적 계층 구조 확립을 위해 규칙적으로 사용되는 폰트 크기, 굵기, 사이즈를 정의합니다.
권장된 폰트 스타일 및 사이즈가 다를 경우 폰트 굵기 등은 디자이너가 자유롭게 조합하여 사용할 수 있습니다.

Type Scale
Style	weight	Size	Usage
Title1	Bold	64	페이지 단위 타이틀 쓰임새로 사용 권장합니다. (예시: 전체 편성표 타이틀)
Title2	Bold	60	콘텐츠 타이틀 쓰임새로 사용 권장합니다. (예시: 콘텐츠 명)
Title3	Bold	52	페이지 단위 타이틀 쓰임새로 사용 권장합니다. (예시: My/인증/설정)
Title4	Bold	48	페이지 단위 타이틀 쓰임새로 사용 권장합니다. (예시: 팝업/실시간)
Title5	Bold	40	페이지 단위 타이틀 쓰임새로 사용 권장합니다. (예시: 검색/구매 금액 표기)
Sub Title1	Bold	36	페이지 단위 서브 타이틀 쓰임새로 사용 권장합니다. (예시: 서브 타이틀 / 실시간 프로그램명)
Sub Title2	Bold	32	주요 본문 서브타이틀 쓰임새로 사용 권장합니다. (예시: 본문 타이틀/Tab)
Sub Title3	Bold	31	GNB 메뉴 타이틀 쓰임새로 사용 권장합니다. (예시: GNB 메뉴)
Sub Title4	Bold	28	추천 콘텐츠 타이틀 쓰임새로 사용 권장합니다. (예시: 추천 콘텐츠 타이틀)
Text1	Medium	30	보조 본문 쓰임새로 사용 권장합니다. (예시: My/인증/설정)
Text2	Medium	28	콘텐츠 시놉시스 내용 쓰임새로 사용 권장합니다. (예시: 시놉시스)
Text3	Medium	24	콘텐츠 정보 쓰임새로 사용 권장합니다. (예시: 콘텐츠 정보)
Text4	Bold/Medium	22	구매시 부가 정보 쓰임새로 사용 권장합니다. (예시: 구매)
Caption 1	Bold/Medium	20-24	본문 보조 강조형 쓰임새로 사용 권장합니다. (예시: 현재 경로)
Caption 2	Bold/Medium	18-19	본문 보조 강조형 쓰임새로 사용 권장합니다. (예시: Tip)

Title

타이틀은 화면에서 가장 큰 텍스트로 콘텐츠의 전체적인 의미와 성격을 함축적으로 전달합니다.

Sub Title

서브타이틀은 타이틀을 보조하며 역할 및 기능을 명확하게 요약하여 쉽게 파악할 수있게 도와줍니다.

Text

텍스트는 콘텐츠 전체적인 내용과 맥락을 포함하며 시청을 유도하도록 도와줍니다.

Caption

캡션은 콘텐츠 이용을 더 쉽게 이해하고 사용할 수 있도록 도와주는 보조적 역할로 사용합니다.