> ## Documentation Index
> Fetch the complete documentation index at: https://docs.streampixel.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Branding

> Logo, splash screen, loading animation, and messages — everything viewers see before the stream starts.

Configure how your stream looks before it loads. Open your project, go to the **Branding** tab.

## Logo

| Property | Value                                          |
| -------- | ---------------------------------------------- |
| Formats  | PNG, SVG, WebP                                 |
| Max size | 500 KB                                         |
| Position | Top Left, Top Right, Bottom Left, Bottom Right |

The logo shows during loading and stays visible during the stream.

## Splash screen

A full-screen image or short video shown while the stream connects.

| Property | Value              |
| -------- | ------------------ |
| Formats  | JPG, PNG, GIF, MP4 |
| Max size | 1 MB               |

<Tip>
  Keep videos under 5 seconds. Anything longer will still be playing when the stream is ready to start.
</Tip>

## Loading animation

Pick one of two styles:

* **Text only** — just the loading messages, no spinner.
* **Throbber** — animated spinner alongside the messages.

## Loading messages

Three free-form text fields. The messages cycle in sequence on screen while the stream is loading.

Defaults:

1. *Starting connection to Streampixel server, please wait...*
2. *Almost there, hold tight — awesomeness loading...*
3. *Sharpening pixels and buffing the details...*

Override any of them with your own copy. Keep messages short — viewers see them on mobile too. Reset to defaults any time.

## Going further

Dashboard branding covers most cases. For full control — custom HTML, CSS, interactive overlays — use the SDK.

<CardGroup cols={2}>
  <Card title="SDK custom loading screen" icon="code" href="/resources/web-sdk/ui-and-customization/custom-loading-screen">
    Replace the loading UI entirely with your own code.
  </Card>

  <Card title="Custom domain" icon="globe" href="/resources/dashboard/custom-domains">
    Serve your branded stream from your own domain.
  </Card>
</CardGroup>