In breve
- Il branding su X (ex Twitter) poggia su quattro elementi visivi: l’avatar, l’header 1500×500, le immagini dei post e le anteprime dei link generate dal tuo sito.
- L’avatar compare accanto a ogni post e risposta, quindi dovrebbe essere un simbolo semplice o un ritratto stretto che si legge a dimensioni minuscole.
- Le immagini dei post su X funzionano meglio in 1600×900 in orizzontale o in 1080×1350 in verticale.
- Le anteprime dei link nascono dai meta tag del tuo sito, quindi un’immagine Open Graph 1200×630 con il tuo stile rende riconoscibile ogni link condiviso.
- Usare la stessa famiglia di sfondi su header, immagini dei post e anteprime dei link lega post sparsi in un unico brand visibile.
In questa pagina
Il branding su X (ex Twitter) si riduce a quattro elementi visivi che controlli: l’avatar accanto a ogni post, l’header 1500×500 del tuo profilo, le immagini che alleghi ai post e le anteprime dei link che il tuo sito genera quando qualcuno lo condivide. Per lo più le persone ti incontrano come un piccolo cerchio e poche righe di testo in un feed veloce. Quindi ogni elemento deve essere semplice e tutti e quattro devono sembrare usciti dallo stesso posto.
Il tuo brand kit per X in sintesi
Dove lo vedono le persone
Dove lo vedono le persone
Formato
Dove lo vedono le persone
Formato
Dove lo vedono le persone
Formato
Dove lo vedono le persone
Un avatar che sopravvive alla timeline
Il tuo avatar è l’immagine più ripetuta che hai. Sta accanto a ogni risposta, nelle notifiche e nei citati degli altri, spesso più piccolo di un’unghia. Un logo completo con wordmark sparisce a quella dimensione. Usa un solo simbolo, un monogramma o un ritratto stretto di testa e spalle, su uno sfondo pieno o con luce morbida nel colore del tuo brand. Mantienilo uguale su ogni piattaforma, così chi ti segue altrove ti riconosce subito.
Progettare l’header di X
L’header è 1500×500, una striscia 3:1. L’avatar si sovrappone al basso a sinistra, e schermi diversi tagliano leggermente l’alto e il basso, quindi tieni le parole nella fascia centrale e lontano da quell’angolo. Funziona meglio una sola riga: cosa fai, cosa stai costruendo o l’unica cosa che vuoi che un visitatore ricordi. Fissa in alto un post che la approfondisca. La dimensione dell’header di X illustra nel dettaglio le aree sicure.
Una riga, posizionata al centro a destra, sullo stesso sfondo che l’account usa per ogni immagine dei post.
Considera il post fissato come la seconda metà dell’header. Un visitatore legge la riga nell’header, dà un’occhiata alla bio, poi vede subito sotto il post fissato. Fai di quel post la migliore breve presentazione di ciò che fai, con un’immagine nello stesso stile, e aggiornalo quando hai qualcosa di meglio da mostrare. Alcune idee che funzionano:
- Una presentazione in un’immagine: chi sei, cosa fai, cosa aspettarsi se ti seguono.
- Il tuo thread migliore, con un’immagine di copertina numerata così si legge come una serie.
- Un lancio o un’offerta in corso, sostituita non appena finisce così non invecchia mai.
Immagini dei post che sembrano tue
La maggior parte dei post su X sono parole, e dovrebbero restare tali. Aggiungi un’immagine quando fa un lavoro: incornicia una frase chiave, mostra un risultato, annuncia qualcosa o porta un grafico. Quando lo fai, usa un piccolo set di layout su un’unica famiglia di sfondi così le persone imparano a riconoscerli mentre scorrono.
Una scheda di aggiornamento orizzontale in 1600×900. Un numero, una riga di contesto.
Una scheda con citazione verticale in 1080×1350, che occupa più schermo sul telefono.
Tieni il testo grande: le persone leggono X sui telefoni, e la timeline mostra le immagini più piccole di come le hai progettate. Due o tre parole per riga, un’idea per immagine. Il design delle immagini per i post di X e le grafiche per i thread di X offrono altri layout, comprese le immagini numerate per i thread lunghi.
Le anteprime dei link fanno parte del tuo brand
Ogni volta che qualcuno condivide il tuo sito su X, l’anteprima che appare nasce dai meta tag della tua pagina. Senza di essi, X mostra un semplice link o un ritaglio casuale. Con un’immagine 1200×630 nel tuo stile, ogni condivisione, anche quelle che non vedrai mai, porta il tuo aspetto nella timeline. X legge prima i propri tag twitter: e ripiega su 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">Progetta l’immagine del link come un minuscolo poster: titolo della pagina, una riga breve, lo sfondo del tuo brand, margini generosi perché X arrotonda gli angoli. La dimensione dell’immagine Open Graph tratta test e cache.
Errori di branding su X da evitare
Evita
- Un logo dettagliato come avatar
- Un header affollato di slogan, profilo e sito
- Parole nell’angolo in basso a sinistra dell’header
- Screenshot con testo minuscolo come immagini dei post
- Lasciare le anteprime dei link al caso
Fai
- Un simbolo o un ritratto semplice, tenuto per anni
- Una riga chiara su uno sfondo del brand
- Testo centrato o a destra del centro
- Testo grande, due o tre parole per riga
- Un’anteprima 1200×630 progettata per ogni pagina chiave
Il modo più semplice per tenere allineati tutti e cinque i pezzi è crearli da un unico design. In Gradiently puoi progettare una volta su un Mark e, con Pro, ridimensionare in tutti i formati in un solo passaggio, così header, schede dei post e immagine del link condividono la stessa luce e lo stesso colore. Il Mark fa spazio alle tue parole a ogni formato, il che conta su una striscia 3:1 dove c’è pochissimo spazio. Per la visione multipiattaforma, leggi un branding coerente sui social media.
Le domande più frequenti
Che dimensioni ha l’header di X (Twitter)?
1500×500 pixel, un rapporto 3:1. Tieni le parole nella fascia centrale e lontano dal basso a sinistra, dove sta l’avatar.
Che dimensioni devono avere le immagini dei post su X?
1600×900 in orizzontale o 1080×1350 in verticale. Le immagini verticali occupano più spazio sui telefoni.
L’avatar di X deve essere un logo o una foto?
Usa ciò che si legge chiaramente come un piccolo cerchio: un simbolo semplice, un monogramma o un ritratto stretto. Evita loghi dettagliati e testo piccolo.
Come controllo l’immagine quando il mio sito viene condiviso su X?
Aggiungi un tag twitter:card impostato su summary_large_image e un’immagine Open Graph di 1200×630 pixel nell’head di ogni pagina.
Come posso far sembrare più professionale il mio profilo X?
Usa lo stesso avatar semplice ovunque, un header con una riga chiara e immagini dei post che condividono una famiglia di sfondi e un carattere.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo