Kortversionen
- Varumärkesbyggande på X vilar på fyra visuella delar: profilbilden, headern på 1500×500, inläggsbilder och länkkorten som din webbplats skapar.
- Profilbilden visas bredvid varje inlägg och svar, så den bör vara en enkel symbol eller ett tätt porträtt som går att läsa i mycket liten storlek.
- Inläggsbilder på X fungerar bäst i 1600×900 för liggande eller 1080×1350 för stående.
- Länkkort kommer från din webbplats metataggar, så en Open Graph-bild på 1200×630 i din varumärkeslook gör varje delad länk igenkännbar.
- Samma bakgrundsfamilj på headern, inläggsbilderna och länkkorten binder ihop utspridda inlägg till ett synligt varumärke.
På den här sidan
Varumärkesbyggande på X handlar om fyra visuella delar du styr över: profilbilden bredvid varje inlägg, headern på 1500×500 på din profil, bilderna du bifogar inlägg och de länkkort som din egen webbplats skapar när någon delar den. Oftast möter folk dig som en liten cirkel och några rader text i ett snabbt flöde. Därför måste varje del vara enkel, och alla fyra måste se ut att komma från samma ställe.
Ditt varumärkeskit för X i korthet
Storlek
Var folk ser den
Var folk ser den
Storlek
Var folk ser den
Storlek
Var folk ser den
Var folk ser den
En profilbild som överlever flödet
Din profilbild är den bild som upprepas mest. Den sitter bredvid varje svar, i aviseringar och i andras citatinlägg, ofta mindre än en fingernagel. En hel logotyp med ordmärke försvinner i den storleken. Använd en enda symbol, ett monogram eller ett tätt porträtt från axlarna och upp, på en enfärgad eller mjukt belyst bakgrund i din varumärkesfärg. Behåll den lika på alla plattformar, så att de som följer dig någon annanstans känner igen dig direkt.
Att designa headern på X
Headern är 1500×500, en remsa på 3:1. Profilbilden överlappar dess nedre vänstra del, och olika skärmar beskär överkanten och nederkanten något, så håll orden i mittbandet och bort från det hörnet. En rad fungerar bäst: vad du gör, vad du bygger eller det enda du vill att en besökare ska minnas. Fäst ett inlägg som utvecklar den. Storlek på header för X går igenom säkra ytor i detalj.
En rad, placerad i mitten till höger, på samma bakgrund som kontot använder för varje inläggsbild.
Se det fästa inlägget som headerns andra hälft. En besökare läser raden i headern, kastar en blick på biografin och ser sedan det fästa inlägget direkt under. Gör det inlägget till den bästa korta presentationen av vad du gör, med en bild i samma look, och uppdatera det när du har något bättre att visa. Några som fungerar bra:
- En presentation i en bild: vem du är, vad du gör, vad man kan förvänta sig om man följer.
- Din bästa tråd, med en numrerad omslagsbild så att den läses som en serie.
- En aktuell lansering eller ett erbjudande, som byts ut så fort det är slut så att det aldrig blir inaktuellt.
Inläggsbilder som ser ut som dina
De flesta inlägg på X består av ord, och så ska det förbli. Lägg till en bild när den gör ett jobb: ramar in en nyckelrad, visar ett resultat, tillkännager något eller bär ett diagram. När du gör det, använd en liten uppsättning layouter på en bakgrundsfamilj så att folk lär sig känna igen dem mitt i scrollandet.
Ett liggande uppdateringskort i 1600×900. Ett tal, en rad sammanhang.
Ett stående citatkort i 1080×1350, som tar mer plats på en telefonskärm.
Håll texten stor: folk läser X på telefoner, och flödet visar bilder mindre än du designade dem. Två eller tre ord per rad, en idé per bild. Design av inläggsbilder för X och grafik till trådar på X har fler layouter, inklusive numrerade bilder för långa trådar.
Länkkort är en del av ditt varumärke
Varje gång någon delar din webbplats på X kommer kortet som visas från sidans metataggar. Utan dem visar X en vanlig länk eller ett slumpmässigt utsnitt. Med en bild på 1200×630 i din varumärkeslook bär varje delning, även de du aldrig ser, din look in i flödet. X läser sina egna twitter:-taggar först och faller tillbaka på 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">Designa länkbilden som en liten affisch: sidans titel, en kort rad, din varumärkesbakgrund och generösa marginaler eftersom X rundar hörnen. Storlek på Open Graph-bild går igenom testning och cachning.
Misstag att undvika i varumärket på X
Undvik
- En detaljrik logotyp som profilbild
- En header packad med slogan, användarnamn och webbplats
- Ord i headerns nedre vänstra hörn
- Skärmdumpar med liten text som inläggsbilder
- Att lämna länkkorten åt slumpen
Gör så här
- En enkel symbol eller ett porträtt, behållet i åratal
- En tydlig rad på en varumärkesbakgrund
- Text i mitten eller till höger om mitten
- Stor text, två eller tre ord per rad
- Ett designat kort på 1200×630 för varje nyckelsida
Det enklaste sättet att hålla alla fem delarna i takt är att göra dem av en och samma design. I Gradiently kan du designa en gång på en Mark och, med Pro, ändra storlek till varje format i ett steg, så att headern, inläggskorten och länkbilden delar samma ljus och färg. Marken gör plats för dina ord i varje storlek, vilket spelar roll på en remsa på 3:1 där det finns väldigt lite utrymme. För överblicken över flera plattformar, läs enhetligt varumärke i sociala medier.
Vanliga frågor
Hur stor är headern på X (Twitter)?
1500×500 pixlar, förhållandet 3:1. Håll orden i mittbandet och bort från nedre vänstra hörnet, där profilbilden sitter.
Vilken storlek ska bilder i inlägg på X ha?
1600×900 för liggande eller 1080×1350 för stående. Stående bilder tar mer plats på telefoner.
Ska min profilbild på X vara en logotyp eller ett foto?
Använd det som läses tydligt som en liten cirkel: en enkel symbol, ett monogram eller ett tätt porträtt. Undvik detaljrika logotyper och liten text.
Hur styr jag bilden när min webbplats delas på X?
Lägg till en twitter:card-tagg satt till summary_large_image och en Open Graph-bild på 1200×630 pixlar i varje sidas head.
Hur får jag min X-profil att se mer professionell ut?
Använd samma enkla profilbild överallt, en header med en tydlig rad och inläggsbilder som delar en bakgrundsfamilj och ett typsnitt.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil