De korte versie
- Branding op X rust op vier visuals: de avatar, de header van 1500×500, postafbeeldingen en de linkkaarten die je website produceert.
- De avatar verschijnt naast elke post en reactie, dus het moet een eenvoudig symbool of een strak portret zijn dat op heel klein formaat leest.
- Postafbeeldingen op X werken het best op 1600×900 voor liggend of 1080×1350 voor staand.
- Linkkaarten komen uit de metatags van je website, dus een Open Graph-afbeelding van 1200×630 in je merklook maakt elke gedeelde link herkenbaar.
- Dezelfde achtergrondfamilie op de header, postafbeeldingen en linkkaarten bindt losse posts samen tot één zichtbaar merk.
Op deze pagina
Branding op X (Twitter) komt neer op vier visuals die je zelf bepaalt: de avatar naast elke post, de header van 1500×500 op je profiel, de afbeeldingen die je bij posts voegt en de linkkaarten die je eigen website produceert als iemand hem deelt. Meestal ontmoeten mensen je als een klein rondje en een paar regels tekst in een snelle feed. Elk visual moet dus eenvoudig zijn en alle vier moeten eruitzien alsof ze van dezelfde plek komen.
Je merkkit voor X in één oogopslag
Waar mensen het zien
Waar mensen het zien
Formaat
Waar mensen het zien
Formaat
Waar mensen het zien
Formaat
Waar mensen het zien
Een avatar die de tijdlijn overleeft
Je avatar is het meest herhaalde beeld dat je hebt. Hij staat naast elke reactie, in meldingen en in quote-posts van anderen, vaak kleiner dan een vingernagel. Een volledig logo met woordmerk verdwijnt op dat formaat. Gebruik één symbool, een monogram of een strak portret van hoofd en schouders, op een egale of zacht belichte achtergrond in je merkkleur. Houd hem op elk platform hetzelfde, zodat mensen die je elders volgen je meteen herkennen.
De X-header ontwerpen
De header is 1500×500, een strook van 3:1. De avatar overlapt de linkeronderhoek en verschillende schermen snijden boven- en onderkant iets bij, dus houd woorden in de middenband en weg van die hoek. Eén regel werkt het best: wat je maakt, waar je aan bouwt of het ene wat een bezoeker moet onthouden. Zet een post vast die erop doorgaat. Formaat van de X-header heeft de veilige zones in detail.
Eén regel, rechts van het midden, op dezelfde achtergrond die het account voor elke postafbeelding gebruikt.
Zie de vastgezette post als de tweede helft van de header. Een bezoeker leest de regel in de header, kijkt even naar de bio en ziet dan direct eronder de vastgezette post. Maak van die post de beste korte introductie op wat je doet, met een afbeelding in dezelfde look, en ververs hem als je iets beters hebt om te tonen. Een paar die goed werken:
- Een introductie in één afbeelding: wie je bent, wat je maakt, wat ze kunnen verwachten als ze je volgen.
- Je beste thread, met een genummerde coverafbeelding zodat hij als reeks leest.
- Een actuele lancering of aanbieding, vervangen zodra die afloopt, zodat hij nooit oud wordt.
Postafbeeldingen die op jou lijken
De meeste posts op X zijn woorden en dat moet zo blijven. Voeg een afbeelding toe als die een taak heeft: een kernzin omlijsten, een resultaat tonen, iets aankondigen of een grafiek dragen. Gebruik dan een kleine set opmaken op één achtergrondfamilie, zodat mensen ze tijdens het scrollen leren herkennen.
Een liggende updatekaart van 1600×900. Eén getal, één regel context.
Een staande citaatkaart van 1080×1350, die meer van een telefoonscherm inneemt.
Houd de letters groot: mensen lezen X op telefoons en de tijdlijn toont afbeeldingen kleiner dan je ze ontwierp. Twee of drie woorden per regel, één idee per afbeelding. Postafbeeldingen voor X ontwerpen en grafieken voor X-threads hebben meer opmaken, inclusief genummerde afbeeldingen voor lange threads.
Linkkaarten maken deel uit van je merk
Elke keer dat iemand je website op X deelt, komt de kaart die verschijnt uit de metatags van je pagina. Zonder die tags toont X een gewone link of een willekeurige uitsnede. Met een afbeelding van 1200×630 in je merklook neemt elke deling, ook die je nooit ziet, je look mee de tijdlijn in. X leest eerst zijn eigen twitter:-tags en valt terug op 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">Ontwerp de linkafbeelding als een piepkleine poster: paginatitel, een korte regel, je merkachtergrond en royale marges, omdat X de hoeken afrondt. Formaat van een Open Graph-afbeelding behandelt testen en caching.
Brandingfouten op Twitter om te vermijden
Vermijd
- Een gedetailleerd logo als avatar
- Een header vol met slogan, handle en website
- Woorden in de linkeronderhoek van de header
- Screenshots met kleine tekst als postafbeeldingen
- Linkkaarten aan het toeval overlaten
Doe
- Een eenvoudig symbool of portret, jarenlang behouden
- Eén duidelijke regel op een merkachtergrond
- Tekst gecentreerd of rechts van het midden
- Grote letters, twee of drie woorden per regel
- Een ontworpen kaart van 1200×630 voor elke belangrijke pagina
De simpelste manier om alle vijf onderdelen op één lijn te houden, is ze uit één ontwerp te maken. In Gradiently ontwerp je één keer op een Mark en pas je met Pro in één stap aan voor elk formaat, zodat de header, de postkaarten en de linkafbeelding hetzelfde licht en dezelfde kleur delen. De Mark maakt op elk formaat ruimte voor je woorden, wat telt op een strook van 3:1 waar heel weinig ruimte is. Voor het overzicht over meerdere platforms lees je consistente branding op social media.
Vragen die mensen stellen
Welk formaat heeft de X-header (Twitter-header)?
1500×500 pixels, een verhouding van 3:1. Houd woorden in de middenband en weg van de linkeronderhoek, waar de avatar staat.
Welk formaat moeten afbeeldingen voor posts op X hebben?
1600×900 voor liggend of 1080×1350 voor staand. Staande afbeeldingen nemen meer ruimte in op telefoons.
Moet mijn X-avatar een logo of een foto zijn?
Gebruik wat als klein rondje duidelijk leest: een eenvoudig symbool, een monogram of een strak portret. Vermijd gedetailleerde logo’s en kleine tekst.
Hoe bepaal ik de afbeelding als mijn website op X wordt gedeeld?
Voeg een tag twitter:card met waarde summary_large_image en een Open Graph-afbeelding van 1200×630 pixels toe aan de head van elke pagina.
Hoe laat ik mijn X-profiel professioneler overkomen?
Gebruik overal dezelfde eenvoudige avatar, een header met één duidelijke regel en postafbeeldingen die één achtergrondfamilie en lettertype delen.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel