# Branding no X (Twitter): cabeçalho, avatar e imagens de post [Canonical HTML page](https://gradiently.design/pt-br/guide/x-branding) No X, sua marca aparece principalmente como um pequeno círculo ao lado de poucas linhas de texto. Isso torna as poucas coisas visuais que você controla mais importantes, não menos. ## The short version - O branding no X (Twitter) se apoia em quatro elementos visuais: o avatar, o cabeçalho 1500×500, as imagens de post e os cards de link que seu site gera. - O avatar aparece ao lado de cada post e resposta, então deve ser um símbolo simples ou um retrato fechado que se leia num tamanho bem pequeno. - As imagens de post no X funcionam melhor em 1600×900 na horizontal ou 1080×1350 na vertical. - Os cards de link vêm das meta tags do seu site, então uma imagem Open Graph 1200×630 no seu visual torna reconhecível cada link compartilhado. - Usar a mesma família de fundos no cabeçalho, nas imagens de post e nos cards de link transforma posts dispersos numa marca visível. O **branding no Twitter** (hoje X) se resume a quatro elementos visuais que você controla: o avatar ao lado de cada post, o cabeçalho 1500×500 do seu perfil, as imagens que você anexa aos posts e os cards de link que o seu site gera quando alguém o compartilha. Na maioria das vezes, as pessoas encontram você como um pequeno círculo e algumas linhas de texto num feed rápido. Então cada elemento precisa ser simples, e os quatro precisam parecer ter vindo do mesmo lugar. ## Seu kit de marca para o X num relance | Elemento | Tamanho | Onde as pessoas veem | | --- | --- | --- | | Avatar | Quadrado, exibido como círculo | Ao lado de cada post, resposta e menção | | Cabeçalho | 1500×500 | Topo do seu perfil | | Imagem de post horizontal | 1600×900 | Na timeline, em largura total | | Imagem de post vertical | 1080×1350 | Na timeline, mais alta nos celulares | | Card de link | 1200×630 | Sempre que alguém compartilha seu site | Cinco peças. Crie-as como um conjunto sobre um só fundo e a conta parece intencional, mesmo quando os posts são casuais. ## Um avatar que sobrevive à timeline Seu avatar é a imagem mais repetida que você tem. Ele fica ao lado de cada resposta, nas notificações e nas citações de outras pessoas, muitas vezes menor que uma unha. Um logo completo com wordmark desaparece nesse tamanho. Use um símbolo único, um monograma ou um retrato fechado de rosto e ombros, sobre um fundo sólido ou de luz suave na cor da sua marca. Mantenha igual em todas as plataformas, para quem segue você em outro lugar reconhecê-lo na hora. > **Evite trocá-lo com frequência** As pessoas rolam por forma e cor, não lendo nomes. Um avatar novo a cada poucas semanas zera o reconhecimento que você construiu. ## Criar o cabeçalho do X O cabeçalho tem 1500×500, uma faixa 3:1. O avatar sobrepõe o canto inferior esquerdo, e telas diferentes cortam um pouco o topo e a base, então mantenha as palavras na faixa do meio e longe desse canto. Uma única frase funciona melhor: o que você faz, o que está construindo ou a única coisa que quer que o visitante lembre. Fixe um post que a desenvolva. [Tamanho do cabeçalho do X](https://gradiently.design/pt-br/guide/x-header-size) traz as áreas seguras em detalhe. Um cabeçalho do X em 1500 por 500 com a frase Ferramentas pequenas para planilhas grandes sobre um fundo em gradiente Uma frase, posicionada no centro à direita, sobre o mesmo fundo que a conta usa em toda imagem de post. Trate o post fixado como a segunda metade do cabeçalho. O visitante lê a frase do cabeçalho, olha a bio e vê logo abaixo o post fixado. Faça dele a melhor introdução curta ao que você faz, com uma imagem no mesmo visual, e atualize quando tiver algo melhor para mostrar. Alguns que funcionam bem: - **Uma apresentação em uma imagem:** quem você é, o que faz, o que esperar se a pessoa te seguir. - **Sua melhor thread,** com uma imagem de capa numerada para parecer uma série. - **Um lançamento ou oferta atual,** trocada assim que acabar, para nunca ficar velha. ## Imagens de post com a sua cara A maioria dos posts no X é texto, e deve continuar assim. Acrescente uma imagem quando ela tiver uma função: destacar uma frase, mostrar um resultado, anunciar algo ou levar um gráfico. Quando fizer isso, use um pequeno conjunto de layouts sobre uma família de fundos, para as pessoas aprenderem a reconhecê-los no meio da rolagem. Uma imagem horizontal de post no X anunciando importações três vezes mais rápidas na versão 2.4 sobre um fundo em gradiente Um card de novidade horizontal em 1600×900. Um número, uma linha de contexto. Uma imagem vertical de post no X com a citação Lance primeiro a versão sem graça sobre o mesmo fundo em gradiente Um card de citação vertical em 1080×1350, que ocupa mais da tela do celular. Mantenha a letra grande: as pessoas leem o X no celular, e a timeline mostra as imagens menores do que você criou. Duas ou três palavras por linha, uma ideia por imagem. [Design de imagem para post no X](https://gradiently.design/pt-br/guide/x-post-image-design) e [gráficos de thread no X](https://gradiently.design/pt-br/guide/x-thread-graphics) trazem mais layouts, incluindo imagens numeradas para threads longas. ## Cards de link fazem parte da sua marca Toda vez que alguém compartilha seu site no X, o card que aparece vem das meta tags da sua página. Sem elas, o X mostra um link simples ou um recorte aleatório. Com uma imagem 1200×630 no seu visual, cada compartilhamento, inclusive os que você nunca vê, leva a sua cara para a timeline. O X lê primeiro as próprias tags `twitter:` e recorre ao Open Graph. ```html ``` O mínimo para um card de imagem grande. Use um endereço https absoluto para a imagem e uma imagem diferente para cada página importante. Crie a imagem do link como um pequeno pôster: título da página, uma frase curta, o fundo da sua marca e margens generosas, porque o X arredonda os cantos. [Tamanho da imagem Open Graph](https://gradiently.design/pt-br/guide/open-graph-image-size) cobre testes e cache. ## Erros de branding no Twitter para evitar ### Evite - Um logo detalhado como avatar - Um cabeçalho lotado de slogan, @ e site - Palavras no canto inferior esquerdo do cabeçalho - Capturas de tela com texto minúsculo como imagem de post - Deixar os cards de link ao acaso ### Faça - Um símbolo ou retrato simples, mantido por anos - Uma frase clara sobre um fundo da marca - Texto centralizado ou à direita do centro - Letra grande, duas ou três palavras por linha - Um card 1200×630 desenhado para cada página importante O jeito mais simples de manter as cinco peças alinhadas é criá-las a partir de um só design. No Gradiently você cria uma vez sobre um Mark e, com o Pro, redimensiona para todos os formatos de uma vez, então o cabeçalho, os cards de post e a imagem do link compartilham a mesma luz e cor. O Mark abre espaço para as suas palavras em todo tamanho, o que importa numa faixa 3:1, onde há muito pouco espaço. Para a visão de várias plataformas, leia [branding consistente nas redes sociais](https://gradiently.design/pt-br/guide/brand-consistency-across-platforms). ## FAQ ### Qual o tamanho do cabeçalho do X (Twitter)? 1500×500 pixels, proporção 3:1. Mantenha as palavras na faixa do meio e longe do canto inferior esquerdo, onde fica o avatar. ### Que tamanho as imagens dos posts no X devem ter? 1600×900 na horizontal ou 1080×1350 na vertical. Imagens verticais ocupam mais espaço nos celulares. ### Meu avatar do X deve ser um logo ou uma foto? O que se ler com clareza num círculo pequeno: um símbolo simples, um monograma ou um retrato fechado. Evite logos detalhados e texto pequeno. ### Como controlo a imagem quando meu site é compartilhado no X? Adicione uma tag `twitter:card` com o valor `summary_large_image` e uma imagem Open Graph de 1200×630 pixels no head de cada página. ### Como deixar meu perfil no X mais profissional? Use o mesmo avatar simples em todo lugar, um cabeçalho com uma frase clara e imagens de post que compartilhem uma família de fundos e uma fonte.