---
title: "Logo Guidelines"
slug: "b2bpls-logo-guidelines"
updated: 2026-09-17T09:22:36Z
published: 2026-09-17T09:22:36Z
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

Available in Classic and VPC

Logo guidelines is a menu that provides guidance on the logo uploaded when creating or editing a service in service management.

## Logo with background

- Size: 280x280
- Create a square image. (It appears as a circle on the interface.)
- Use a solid background color. Avoid dark colors.
- The symbol must not overlap the minimum margin defined in the guidelines and must be centered.  

![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D)

#### Mobile app implementation examples

| Platform connection | Platform connection | Channel card | My channels | My channels | Live stream information | Channel to stream | Settings | Stream destinations |
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
| 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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D) |

#### PC app implementation examples

| Main window platform dashboard | My channels settings | Platform output settings guide | Settings | Share live stream | End live stream |
| --- | --- | --- | --- | --- | --- |
| 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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D) |

## Logo without background

- Size: Maximum width 240 x fixed height 160
- Do not use a background. Use a light-colored symbol. Dark-colored symbols may not be clearly visible on the interface.
- The symbol must not overlap the minimum margin defined in the guidelines and must be centered.  

![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D)

#### Examples

| Platform connection | View all live streams |
| --- | --- |
| 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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D) |

## Color and white logos

- Size: 680x236
- Create and register both full-color and white logo types.
- Do not use a background. For the full-color type, use a light-colored logo. Dark-colored symbols may not be clearly visible on the interface.
- The symbol must not overlap the minimum margin defined in the guidelines and must be centered.
- Used only in the desktop app interface.  

![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D){height="200" width=""}  

![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D){height="200" width=""}

#### Examples

| Main window platform dashboard | My channels settings | Add channel (before platform integration) | Add channel (during platform integration) |
| --- | --- | --- | --- |
| 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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D) |

## Outro logo

- Size: Select either horizontal (maximum width 1950 x fixed height 240) or vertical (maximum width 960 x fixed height 480).
- Create the logo in white. (Grayscale can also be used.)
- Use a transparent background. The logo must be sized to fit exactly with no margins.
- The outro appears for 3 seconds after the broadcast ends.
- Images 4 and 5 are the same.  

![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D)

#### Mobile app example

| Outro (horizontal logo applied) | Outro (vertical logo applied) |
| --- | --- |
| For 1080p, center within a 715 x 88 component. | For 1080p, center within a 352 x 176 component. |
| ![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D) |

#### PC app example

| Outro (horizontal logo applied) | Outro (vertical logo applied) |
| --- | --- |
| For 1920 x 1080 resolution, center within a 650 x 80 component. | For 1920 x 1080 resolution, center within a 320 x 160 component. |
| ![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D) |

## Outro message

You can enter up to 65 bytes for the outro message.

## Watermark logo

- Size: Select either horizontal (maximum width 1950 x fixed height 240) or vertical (maximum width 960 x fixed height 480).
- Create the logo in white. (Grayscale can also be used.)
- Use a transparent background. The logo must be sized to fit exactly with no margins.
- The watermark appears in the bottom-right corner of the streaming interface for 10 seconds every minute after going live.
- Images 4 and 5 are the same.

#### Mobile app example

| Watermark (horizontal logo applied) | Watermark (vertical logo applied) |
| --- | --- |
| Apply the scaled-down outro image. | Apply the scaled-down outro image. |
| ![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D){height="" width="" |

#### PC app example

| Watermark (horizontal logo applied) | Watermark (vertical logo applied) |
| --- | --- |
| For 1920 x 1080 resolution, align right within a 390 x 48 component. | For 1920 x 1080 resolution, align right within a 192 x 96 component. |
| ![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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%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-14T05%3A18%3A34Z&se=2026-11-14T06%3A18%3A34Z&sr=c&sp=r&sig=n3vhrXLFcuDDYS%2BY0%2BTrhDOGZQsFsEWOuZO0vtn8mX8%3D){height="" width="" |