---
title: "Logo Guidelines"
slug: "b2bpls-logo-guidelines"
updated: 2026-09-17T09:28:51Z
published: 2026-09-17T09:28:51Z
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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D) |

#### PCアプリの適用例

| メインウィンドウのプラットフォームダッシュボード | マイチャンネル設定 | プラットフォームごとの出力設定ガイド | 設定 | ライブ共有 | STOP LIVE |
| --- | --- | --- | --- | --- | --- |
| 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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D) |

## 背景なしロゴ

- サイズ: 横最大240x縦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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D){height="200" width=""}

#### 適用例

| メインウィンドウのプラットフォームダッシュボード | マイチャンネル設定 | チャンネル追加(プラットフォーム連携前) | チャンネル追加(プラットフォーム連携中) |
| --- | --- | --- | --- |
| 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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D) |

## アウトロロゴ

- サイズ: 横型(横最大1950x縦240、固定) or 縦型(横最大960x縦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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D)

#### モバイルアプリの例

| アウトロ(横型ロゴ適用) | アウトロ(縦型ロゴ適用) |
| --- | --- |
| 1080p基準 - 715x88の領域内で中央揃え | 1080p基準 - 352x176の領域内で中央揃え |
| ![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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D) |

#### PCアプリの例

| アウトロ(横型ロゴ適用) | アウトロ(縦型ロゴ適用) |
| --- | --- |
| 1920x1080解像度基準 - 650x80の領域内で中央揃え | 1920x1080解像度基準 - 320x160の領域内で中央揃え |
| ![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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D) |

## アウトロメッセージ

アウトロメッセージは最大65Byteまで入力可能です。

## ウォーターマークロゴ

- サイズ: 横型(横最大1950x縦240、固定) or 縦型(横最大960x縦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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D){height="" width="" |

#### PCアプリの例

| ウォーターマーク(横型ロゴ適用) | ウォーターマーク(縦型ロゴ適用) |
| --- | --- |
| 1920x1080解像度基準 - 390x48の領域内で右揃え | 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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%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-10-30T22%3A50%3A08Z&se=2026-10-30T23%3A50%3A08Z&sr=c&sp=r&sig=kS%2FoKYUgrpDYm6iOxg%2BeDex1ufUfZWNdbw5kQ03vhFU%3D){height="" width="" |