전면형

노출 위치 및 특징

  • 앱 실행 초기 화면인 스플래시 스크린 하단에 노출되는 스플래시 전면형 광고입니다.

  • 사용자가 앱 로딩을 기다리는 동안 자연스럽게 접하게 되며, 브랜드나 이벤트를 간결하고 시각적으로 전달하는 역할을 합니다.

  • 과도한 정보보다는 핵심 메시지에 집중해야 합니다.

필요 에셋

  • 로고 이미지와 하단 광고 이미지, 총 2장의 에셋을 전달합니다.

  • 제작 완료 시, PSD 제작 파일도 함께 전달합니다.

  • 반드시 웹툰에서 제공하는 PSD 샘플 파일을 사용하여 제작합니다.

상단 로고 영역, 하단 광고 이미지
에셋명
이미지 사이즈
파일 용량
파일 형식
해상도
Color Prof

상단 로고 영역

945 x 720 px

최대 40KB

PNG

(배경 투명 필수)

144 dpi

sRGB IEC61966 2.1

하단 광고 이미지

1400 x 614 px

최대 300KB

JPG

144 dpi

sRGB IEC61966 2.1

배경색

-

-

#Hex(헥스코드)값

-

-

상단 로고 영역 상세 제작 가이드


로고 유형 (Logo Type)

  • 제공되는 3가지 로고 레이아웃 유형(Horizontal, Vertical, Standalone) 중 하나를 선택하여 제작합니다.

  • 제작 시에는 유형별 상세 가이드를 반드시 확인하고, 웹툰에서 제공하는 PSD 샘플 파일을 사용해야 합니다.

가로형
세로형
네이버웹툰 로고 단독형

웹툰 로고 (WEBTOON Logo)

  • 웹툰 로고는 그린(#00DC64), 화이트의 두 가지 컬러로 제공됩니다.

  • 로고 원본의 형태를 임의로 수정, 왜곡, 변형할 수 없으며 반드시 원본 그대로 사용해야 합니다.

광고주 로고 (Advertiser Logo)

  • 광고주의 대표 브랜드 또는 서비스 로고를 사용해야 합니다.

  • 특정 IP(지식재산권), 개별 상품, 캠페인 단위의 로고는 사용할 수 없으며, 사용을 희망할 경우, 사전에 별도로 문의해야 합니다.

로고 컬러 적용 원칙

1) 그린 웹툰 로고 우선 사용

  • 모든 경우에 그린 로고를 최우선으로 사용하는 것을 기본 원칙으로 합니다.

  • 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.

  • 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.

2) 배경컬러와 대비

  • 모든 로고는 선명한 가시성을 위해 Bottom AD Image 배경컬러와 충분한 컬러 대비를 이루어야 합니다.

브랜드 위계 고려

  • 서비스 단위 브랜드와 IP&상품 단위 브랜드의 조합은 브랜드 위계가 맞지 않아 이러한 로고의 조합은 불가합니다.

  • 다만, 낮은 위계의 브랜드가 상위 브랜드 대비 높은 인지도를 보유한 경우에는 내부 검토를 거쳐 예외적으로 병기를 허용할 수 있습니다.

  • 인지도 판단 기준은 네이버 데이터랩의 최근 1년간 검색어 트렌드 데이터(+내부 브랜드 정책)를 활용합니다.

  • 게임 · 영화 등 시기성과 트렌드에 민감한 콘텐츠 브랜드는 기본 가이드라인의 원칙을 적용하며, 건별 협의를 통해 허용될 수 있습니다.

예시

대표 브랜드 로고 사용
로고 가시성 확보
로고 컬러 기본 원칙 준수 1
로고 컬러 기본 원칙 준수 2

1. 가로형

구조

1. 웹툰 로고 (WEBTOON logo)

  • 190x182 px (고정)

  • 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.

  • 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.

  • 로고 원본의 형태는 반드시 유지해야 하며, 임의로 수정하거나 변형할 수 없습니다.

2. 광고주 로고 (Advertiser Logo Area)

  • 최소 150x75 px, 최대 450x96 px

  • 최소~최대 크기 범위 내 광고주 로고를 배치합니다.

  • 광고주 로고는 지정 영역의 왼쪽에 여백 없이 정렬합니다.

3. 구분선 (Divider)

  • 3x84 px (고정)

  • 위치는 웹툰 로고와 광고주 로고 사이입니다.

  • 투명도(Opacity)가 50%인 화이트 또는 블랙 컬러만 사용 가능합니다.

  • 구분선의 좌우 여백은 각각 48px로 고정되며, 이를 변경할 수 없습니다.

  • 제공된 구분선의 원본 형태는 반드시 유지하고, 임의로 변형할 수 없습니다.

4. 로고 그룹

  • 웹툰 로고, 광고주 로고, 구분선으로 구성됩니다.

  • 완성된 로고 그룹은 캔버스(Canvas)의 가로 및 세로 중앙에 정렬해야 합니다.

  • 로고 그룹 전체의 중앙 정렬 상태를 항상 확인합니다.

제작 예시

2. 세로형

구조

1. 웹툰 로고 (WEBTOON logo)

  • 190x182 px (고정)

  • 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.

  • 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.

  • 로고 원본의 형태는 반드시 유지해야 하며, 임의로 수정하거나 변형할 수 없습니다.

2. 광고주 로고 (Advertiser Logo Area)

  • 최소 180x120 px, 최대 570x270 px

  • 최소~최대 크기 범위 내 광고주 로고를 배치합니다.

  • 광고주 로고는 지정 영역의 상단에 여백 없이 정렬합니다.

  • 광고주 로고를 웹툰 로고와 비슷한 크기로 조정하여 균형감있게 배치합니다.

3. 구분선 (Divider)

  • 84x3 px (고정)

  • 위치는 웹툰 로고와 광고주 로고 사이입니다.

  • 투명도(Opacity)가 50%인 화이트 또는 블랙 컬러만 사용 가능합니다.

  • 구분선의 좌우 여백은 각각 60px로 고정되며, 이를 변경할 수 없습니다.

  • 제공된 구분선의 원본 형태는 반드시 유지하고, 임의로 변형할 수 없습니다.

4. 로고 그룹

  • 웹툰 로고, 광고주 로고, 구분선으로 구성됩니다.

  • 완성된 로고 그룹은 캔버스(Canvas)의 가로 및 세로 중앙에 정렬해야 합니다.

  • 로고 그룹 전체의 중앙 정렬 상태를 항상 확인합니다.

제작 예시

3. 네이버웹툰 로고 단독형

구조

그린 웹툰 로고 단독 사용

  • 300x300 px (고정)

  • 그린(#00DC64), 화이트의 두 가지 컬러 중, 그린 로고를 최우선으로 사용합니다.

  • 광고주 로고 단독 사용은 불가능합니다.

  • WEBTOON Standalone 로고 에셋은 웹툰에서 제공합니다.

화이트 웹툰 로고가 허용되는 경우

  • 모노크롬 환경에서 흰색 로고 사용이 필요한 필요한 경우

  • 배경컬러와 대비가 약해 그린 로고의 가시성을 확보하기 어려운 경우

하단 광고 이미지 상세 제작 가이드


구조

실제 노출 예시

1. Main Object/Text Area

  • 478x594 px

  • 이미지의 중앙부를 기준으로 사용자에게 노출되므로, 해당 영역에 주요 오브젝트와 텍스트를 배치합니다.

1) 오브젝트

  • 오브젝트를 영역 밖으로 확장할 경우, 잘리지 않고 전체 형태가 모두 보여야 합니다.

  • '버튼' 형태 등 클릭을 유도하는 소재는 사용할 수 없습니다.

  • 상단 Logo 에셋에 사용한 광고주 로고 이미지를 중복으로 사용할 수 없습니다.

2) 텍스트 디자인 및 배치

  • 텍스트는 중앙 정렬을 권장합니다.

  • 최대 2개의 폰트까지만 사용할 수 있습니다.

  • 최대 2개의 폰트 색상을 사용할 수 있습니다.

  • 광고의 핵심 메시지는 한눈에 명확하게 전달되어야 합니다.

  • 지정된 옵션 외의 폰트나 스크립트체와 같은 가독성이 떨어지는 폰트는 사용할 수 없습니다.

  • 광고 이미지 및 배경 색상과 어울리도록 텍스트를 배치해야 합니다.

3) 권장 폰트

  • 브랜드 폰트로는 고딕 계열 사용을 권장합니다.

  • 제작자는 가이드라인에 권장되거나 예시로 언급된 폰트를 포함하여, 사용한 모든 폰트에 대한 라이선스를 직접 확보해야 합니다.

언어
권장 폰트

국문

나눔 폰트, Noto Sans 권장

영문

Helvetica, Roboto, Pretendard 권장

triangle-exclamation

2. Safe Area

  • 478x60 px

  • Main Object/Text Area에 포함된 영역입니다.

  • 중요한 정보가 가려질 수 있으므로, 해당 영역에는 텍스트를 배치할 수 없습니다.

3. Extension Area

  • 디바이스 너비에 따라 노출 범위가 달라지는 영역으로, Main Object/Text Area의 오브젝트와 배경이 자연스럽게 연결되도록 제작해야 합니다.

  • 배경 확장이 불가능할 경우, 그라데이션 등을 사용하여 자연스럽게 배경과 어우러지도록 처리해야 합니다.

제작 예시

배경색 상세 제작 가이드


  • #Hex(헥스코드)값으로 배경 색상값을 전달해야합니다.

  • 상단 로고 영역과 하단 광고 이미지를 고려하여 배경 색상을 지정합니다.

  • 지나치게 높은 채도 및 형광색은 지양합니다.

  • 포토샵 컬러 피커(Color picker) 기준 채도(S), 명도(B)를 더한 값이 160을 초과하지 않도록 설정합니다.

가이드, 샘플 PSD 다운로드

square-downDownload Guide and Sample PSD

circle-check

마지막 업데이트