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.
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 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
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 |
 |
 |
 |
 |
 |
 |
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.
Examples
| Platform connection |
View all live streams |
| 60x40 |
25x17 |
 |
 |
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.
{height="200" width=""}
{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 |
 |
 |
 |
 |
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.
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. |
 |
 |
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. |
 |
 |
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. |
 {height="" width="" |
 {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. |
 {height="" width="" |
 {height="" width="" |