Branding no X (Twitter): cabeçalho, avatar e imagens de post

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

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.

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 traz as áreas seguras em detalhe.

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.

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 e gráficos de thread no X 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.

<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Small tools for big spreadsheets">
<meta property="og:description" content="Import, clean and merge files in seconds.">
<meta property="og:image" content="https://example.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

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 cobre testes e cache.

Erros de branding no Twitter para evitar

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.