--- title: "Logo Guidelines" slug: "b2bpls-logo-guidelines" updated: 2026-09-17T09:07:57Z published: 2026-09-17T09:07:57Z canonical: "guide.ncloud-docs.com/b2bpls-logo-guidelines" --- > ## Documentation Index > Fetch the complete documentation index at: https://guide.ncloud-docs.com/llms.txt > Use this file to discover all available pages before exploring further. # Logo Guidelines Classic/VPC 환경에서 이용 가능합니다. Logo Guidelines는 Service Management 에서 서비스 생성/수정 시 업로드하는 로고에 대한 가이드를 제공하는 메뉴입니다. ## 배경 있는 로고 - 사이즈: 280x280 - 정방형 이미지로 제작합니다. (화면 적용 시, 원형으로 노출됩니다.) - 배경은 단색 컬러를 사용해야 하며, 어두운 컬러는 피해야 합니다. - 심벌은 가이드의 최소 마진을 침범하지 않으며, 중앙 정렬되어야 합니다. ![001_serviceLogo](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/001_serviceLogo.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) #### 모바일 앱 적용 예시 | 플랫폼 연결 | 플랫폼 연결 | 채널 카드 | 내 채널 | 내 채널 | 방송 정 보 | 방송할 채널 | 설정 | 라이브 서비스 계정 | | --- | --- | --- | --- | --- | --- | --- | --- | --- | | 27x27 | 20x20 | 20x20 | 70x70 | 20x20 | 18x18 | 18x18 | 20x20 | 38x 38 | | ![01_ex_m01](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m01.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m02](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m02.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m03](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m03.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m04](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m04.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m05](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m05.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m06](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m06.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m07](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m07.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m08](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m08.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_m09](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_m09.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | #### PC 앱 적용 예시 | 메인윈도우 플랫폼 대시 보드 | 나의 채널 설정 | 플랫폼 별 출력 설 정 가이드 | 설정 | 라이브 공유 | 라이브 종료 | | --- | --- | --- | --- | --- | --- | | 16x16 | 18x18 | 34x34 | 34x34 | 34x34 | 18x18 | | ![01_ex_pc01](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_pc01.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_pc02](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_pc02.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_pc03](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_pc03.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_pc04](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_pc04.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_pc05](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_pc05.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![01_ex_pc06](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/01_ex_pc06.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ## 배경 없는 로고 - 사이즈: 가로 최대 240 x 세로 160 고정 - 배경이 없어야 하며, 밝은 컬러의 심벌을 사용합니다. 어두운 컬러의 심벌은 화면에서 잘 안 보일 수 있습니다. - 심벌은 가이드의 최소 마진을 침범하지 않으며, 중앙 정렬되어야 합니다. ![002_serviceLogo](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/002_serviceLogo.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) #### 적용 예시 | 플랫폼 연결 | 라이브 전체 보기 | | --- | --- | | 60x40 | 25x17 | | ![02_ex_m01_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/02_ex_m01_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![02_ex_m02](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/02_ex_m02.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ## 컬러 로고/화이트 로고 - 사이즈: 680x236 - 풀컬러 로고 타입/화이트 로고 타입 2종을 제작하여 등록합니다. - 배경이 없어야 하며, 풀 컬러 타입 의 경우 밝은 컬러의 로고를 사용합니다. 어두운 컬러의 심벌은 화면에서 잘 안 보일 수 있습니다. - 심벌은 가이드의 최소 마진을 침범하지 않으며, 중앙 정렬되어야 합니다. - 데스크톱 앱 화면에 만 사용됩니다. ![003_serviceLogo](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/003_serviceLogo.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) ![003_serviceLogo_2](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/003_serviceLogo_2.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) #### 적용 예시 | 메인윈도우 플랫폼 대시 보드 | 나의 채널 설정 | 채널 추가 (플랫폼 연동전) | 채널 추가 ( 플랫폼 연동중) | | --- | --- | --- | --- | | 95 x 33 | 170x 59 | 115 x 40 | 115 x 40 | | ![03_ex_pc01](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/03_ex_pc01.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![03_ex_pc02](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/03_ex_pc02.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![03_ex_pc03](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/03_ex_pc03.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![03_ex_pc04](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/03_ex_pc04.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ## 아웃트로 로고 - 사이즈: 가로형(가로 최대 1950 x 세로 240 고정) or 세로형( 가로 최대 960 x 세로 480 고정) 둘 중 택 1 - 화이트컬러 로고 타입으로 제작합니다. (그레이 스케일도 사용 할 수 있습니다.) - 배경이 투명 해야 하며, 로고 주변은 마진 없이 로 고 사이즈 에 맞춰 제작되어야 합니다 . - 아웃트로는 방송 종료 후 3초 동안 노출됩니다. - 4번과 5번은 동일한 이미지 입니다. ![004_serviceLogo](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/004_serviceLogo.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) #### 모바일 앱 예시 | 아웃트로 ( 가로형 로고 적용 ) | 아웃트로 ( 세로형 로고 적용 ) | | --- | --- | | 1080p 기준 - 715x 88 영역 내에서 가운데 정렬 | 1080p 기준 - 352x 176 영역 내에서 가운데 정렬 | | ![04_ex_m01_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/04_ex_m01_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![04_ex_m02_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/04_ex_m02_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | #### PC 앱 예시 | 아웃트로 (가로 형 로고 적용) | 아웃트로 ( 세로형 로고 적용 ) | | --- | --- | | 1920x1080 해상도 기준 - 650x80 영역 내에서 가운데 정렬 | 1 920x1080 해상도 기준 - 320x 160 영역 내에서 가운데 정렬 | | ![04_ex_pc01_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/04_ex_pc01_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ![04_ex_pc02_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/04_ex_pc02_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D) | ## 아웃트로 메시지 아웃트로 메시지는 최대 65 Byte까지 입력이 가능합니다. ## 워터마크 로고 - 사이즈: 가로형(가로 최대 1950 x 세로 240 고정) or 세로형(가로 최대 960 x 세로 480 고정) 둘 중 택 1 - 화이트컬러 로고 타입으로 제작합니다. (그레이 스케일도 사용 할 수 있습니다.) - 배경이 투명 해야 하며, 로고 주변은 마진 없이 로고 사이즈에 맞춰 제작되어야 합니다 . - 워터 마 크 는 방송 시작 후 송출 화면 우측 하단에 1분마다 10초 동안 반복해서 노출됩니다. - 4번과 5번은 동일한 이미지 입니다. #### 모바일 앱 예시 | 워터마크 (가로형 로고 적용) | 워터마크 (세로형 로고 적용 ) | | --- | --- | | 아웃트로 이미지 축소하여 적용 | 아웃트로 이미지 축소하여 적용 | | ![05_ex_m01_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/05_ex_m01_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D){height="" width="" | ![05_ex_m02_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/05_ex_m02_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D){height="" width="" | #### PC 앱 예시 | 워터마크 (가로형 로고 적용) | 워터마크 (세로형 로고 적용 ) | | --- | --- | | 1920x1080 해상도 기준 - 390x 48 영역 내에서 우측 정렬 | 1920x1080 해상도 기준 - 192x96 영역 내에서 우측 정렬 | | ![05_ex_pc01_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/05_ex_pc01_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D){height="" width="" | ![05_ex_pc02_set](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/05_ex_pc02_set.png?sv=2026-02-06&spr=https&st=2026-11-15T20%3A56%3A24Z&se=2026-11-15T21%3A56%3A24Z&sr=c&sp=r&sig=qzVR6UjvKPwDd0xIZFmCNSGI6%2FtsKeBJAC8ZFvnZ%2FCM%3D){height="" width="" |