# Branding para streamer da Twitch: painéis, banners e tela offline

[Canonical HTML page](https://gradiently.design/pt-br/guide/twitch-streamer-branding)

A página do seu canal fica aberta por horas enquanto as pessoas assistem. Faça banner, painéis, tela offline e posts de agenda parecerem criados por uma só pessoa, de propósito.

## The short version

- Um bom branding para streamer da Twitch é um único visual repetido no banner do perfil, nos painéis, na tela offline, nos overlays e nos posts de agenda que você compartilha em outros lugares.
- Os tamanhos principais da Twitch são banner de perfil de 1200×480, tela offline de 1920×1080 e painéis de 640×320.
- Os painéis funcionam melhor como rótulos curtos sobre um fundo consistente, com o detalhe escrito no campo de texto logo abaixo.
- Uma tela offline deve dizer quando você volta ao vivo e onde te encontrar enquanto isso, porque é o que os visitantes mais veem.
- Um post semanal de agenda no mesmo visual, nos tamanhos de stories, X e Discord, faz mais pelos espectadores recorrentes do que um design novo toda semana.

O **branding para streamer da Twitch** se resume a cinco peças que precisam combinar entre si: um banner de perfil de 1200×480, painéis de 640×320, uma tela offline de 1920×1080, os overlays da live e os posts de agenda que você compartilha em outras plataformas. Escolha um visual de fundo, uma ou duas fontes e uma paleta pequena, e faça cada peça a partir deles. Os espectadores decidem se um canal parece sério nos poucos segundos em que passam pelo player, e uma página em que todos os gráficos combinam parece de um canal que ainda estará aqui no mês que vem.

## Os tamanhos de branding da Twitch em um só lugar

| Peça | Tamanho | Onde aparece |
| --- | --- | --- |
| Banner de perfil | 1200×480 px | Topo da página Sobre e do canal |
| Tela offline | 1920×1080 px | O player sempre que você não está ao vivo |
| Painel | 640×320 px | Abaixo do player, em Sobre |
| Banner do servidor do Discord | 960×540 px | Topo do servidor da sua comunidade |
| Post para o X | 1600×900 px | Avisos de live e de agenda |
| Story | 1080×1920 px | Posts de agenda no Instagram, TikTok e Snapchat |
| Miniatura do YouTube | 1280×720 px | VODs e melhores momentos |

A Twitch só pede os três primeiros. Os demais são onde seu público realmente fica sabendo que você está ao vivo.

- Banner de perfil 1200×480: 1200 × 480
- Tela offline 1920×1080: 1920 × 1080
- Painel 640×320: 640 × 320
- Story 1080×1920: 1080 × 1920

Os quatro formatos que você mais vai criar, em escala. O banner e os painéis são largos e baixos, então as palavras precisam ser poucas.

A Twitch exibe os painéis com 320 pixels de largura, então criá-los em 640×320 mantém o texto nítido em telas de alta densidade. O banner é cortado de forma diferente no celular e no computador, então deixe seu nome e o que for importante nos dois terços centrais. As especificações completas estão em [tamanho do painel da Twitch](https://gradiently.design/pt-br/guide/twitch-panel-size) e [tela offline da Twitch](https://gradiently.design/pt-br/guide/twitch-offline-screen).

## Escolha um visual que você possa usar por anos

A maioria dos pacotes para streamers é comprada nos mesmos poucos marketplaces, e por isso tantos canais têm as mesmas molduras neon. Comece, em vez disso, por uma cor de base que combine com seu conteúdo: escura e profunda para terror e jogos de estratégia de madrugada, quente e clara para streams aconchegantes de fazendinha, limpa e fria para speedruns. Depois some duas cores próximas e um destaque que você usa só no indicador de ao vivo e nos chamados para ação.

- Noite de base: #0b0f1a
- Porto profundo: #1e3a5f
- Teal sinal: #2dd4bf
- Menta clara: #a7f3d0
- Laranja ao vivo: #f97316

Uma paleta para um canal de estratégia de madrugada. O laranja aparece só na palavra AO VIVO e nos botões, então sempre significa alguma coisa.

Mantenha a paleta quando o jogo mudar. O público segue você, não o título que você está jogando, e um visual que sobrevive à troca de um jogo para outro é o que faz um clipe ser reconhecido antes de alguém ler o nome. [Branding de criador](https://gradiently.design/pt-br/guide/creator-branding) trata da ideia mais ampla de um visual pessoal que dura mais que as tendências.

## Painéis da Twitch que as pessoas realmente leem

Os painéis são a parte mais negligenciada da maioria dos canais. Ficam abaixo do player, as pessoas rolam até eles quando estão decidindo se vão seguir, e com frequência são uma dúzia de estilos diferentes empilhados. Trate-os como um conjunto de rótulos, não como pôsteres.

1. **Escolha seis ou menos** Sobre, Agenda, Regras, Setup, Discord e Apoio cobrem a maioria dos canais. Mais do que isso e ninguém chega ao final.
2. **Uma palavra por painel** A imagem é um título. Coloque o detalhe no campo de texto abaixo dela, que continua pesquisável e fácil de atualizar.
3. **Mesmo fundo, mesma posição** Todo painel usa o mesmo fundo e coloca sua palavra no mesmo lugar, para que a coluna seja lida como um só sistema.
4. **Coloque link na imagem do painel** A Twitch permite que cada imagem de painel leve a algum lugar. Aponte Discord para o seu convite e Apoio para a sua página de gorjetas.

Um painel largo da Twitch com a palavra Agenda em tamanho grande sobre um degradê verde-azulado escuro

Um painel é um rótulo. Uma palavra, grande, sobre o fundo do canal.

Um painel da Twitch combinando, com a palavra Discord sobre o mesmo degradê verde-azulado escuro

O painel seguinte combina exatamente com ele, para a coluna ser lida como um conjunto.

## Design da tela offline da Twitch

Sua tela offline é a imagem que a maioria dos visitantes encontra, porque na maior parte do tempo você não está ao vivo. Ela tem uma função: dizer quando voltar. Uma boa tem seu nome, o dia e a hora da próxima live com o fuso horário e um lugar para te seguir enquanto isso.

Uma tela offline da Twitch de 1920 por 1080 com o texto Volto quinta, 20h GMT, e uma nota sobre o Discord

Um horário de volta claro, o fuso horário e um lugar para ir enquanto isso.

### Evite

- Um logo sozinho, sem horário de volta
- Todos os perfis sociais que você já criou
- Texto pequeno no canto inferior, escondido pelos controles do player
- Um estilo diferente do dos painéis e do banner

### Faça

- O dia, a hora e o fuso da próxima live, em tamanho grande
- Um só lugar para te seguir entre as lives
- Palavras no meio do quadro
- O mesmo fundo e a mesma fonte do resto do canal

> **Deixe o horário genérico se ele mudar** Se sua agenda muda toda semana, escreva “Veja a Agenda abaixo” em vez de um horário que você vai esquecer de atualizar. Um horário errado na tela offline custa mais confiança do que nenhum horário.

## Posts de agenda e gráficos de início de live

A maioria dos novos espectadores encontra você fora da Twitch. Um post semanal de agenda nos stories e no X, e um post curto de início de live a cada vez, são os gráficos que realmente trazem as pessoas de volta. Faça deles um layout fixo que você só edita, nunca um design novo toda segunda-feira.

Um story vertical de agenda com o título Esta semana na live, com segunda, quarta e sexta às 20h GMT

A agenda semanal como story. Os dias na faixa central, longe dos botões do app.

Um post horizontal de início de live com o texto Ao vivo agora, o título da live e o endereço do canal

O post de início de live para o X e o Bluesky, no mesmo visual.

- **Post de agenda:** uma vez por semana, no tamanho de story e em uma versão de 1600×900 para X e Bluesky.
- **Início de live:** o mesmo layout todas as vezes, mudando apenas o título da live.
- **Banner do Discord:** 960×540, atualizado quando você muda a agenda ou faz um evento.
- **Miniaturas de VOD:** 1280×720 com duas ou três palavras grandes, como em [design de miniaturas do YouTube](https://gradiently.design/pt-br/guide/youtube-thumbnail-design).

É aqui que o Gradiently mostra seu valor para streamers. No Pro, você cria a agenda uma vez e a redimensiona para todos esses formatos em um só passo, e o fundo abre espaço para suas palavras em cada tamanho, para que o dia e a hora continuem legíveis sobre um degradê movimentado. Você também pode exportar o post de início de live como MP4, com o fundo em movimento atrás do texto parado.

## Overlays que combinam com o resto do canal

As telas de começando em breve, já volto e encerramento devem ser irmãs da tela offline: o mesmo fundo, a mesma fonte, outra linha de texto. Mantenha molduras de webcam e caixas de alerta finas e na sua paleta para que o jogo continue sendo o protagonista. [Fundos de overlay para stream](https://gradiently.design/pt-br/guide/stream-overlay-background) passa por cada cena, e [arte de canal de games](https://gradiently.design/pt-br/guide/gaming-channel-art) cobre YouTube e Discord se você transmite em várias plataformas.

- Começando em breve: `radial-gradient(circle at 80% 20%, #2dd4bf 0%, #1e3a5f 40%, #0b0f1a 80%)`
- Já volto: `radial-gradient(circle at 20% 80%, #2dd4bf 0%, #1e3a5f 40%, #0b0f1a 80%)`
- Tela de encerramento: `linear-gradient(180deg, #1e3a5f 0%, #0b0f1a 100%)`

Uma paleta, três cenas. Mover a luz de um canto a outro mostra aos fãs frequentes em qual tela estão antes mesmo de lerem.

## FAQ

### Qual é o tamanho do banner de perfil da Twitch?

1200×480 pixels. Mantenha seu nome e as palavras-chave no centro, porque as bordas são cortadas em algumas telas.

### Qual deve ser o tamanho dos painéis da Twitch?

Crie-os em 640×320 pixels. A Twitch exibe painéis com 320 pixels de largura, então o arquivo maior continua nítido em telas de alta densidade.

### O que a tela offline da Twitch deve dizer?

Seu nome, quando você volta ao vivo com o fuso horário e um lugar para te seguir enquanto isso. Deixe as palavras no meio para que os controles do player não as cubram.

### Como faço meu canal da Twitch parecer profissional?

Use um fundo, uma ou duas fontes e uma paleta pequena no banner, nos painéis, na tela offline, nos overlays e nos posts de agenda. A consistência parece profissional mais rápido do que qualquer gráfico impressionante isolado.

### Preciso mudar meu branding quando troco de jogo?

Não. Mantenha seu visual e mude apenas as palavras e as capturas de tela. O público segue o streamer, e um visual estável ajuda a reconhecer seus clipes em qualquer lugar.