# Branding för startups innan du har product-market fit [Canonical HTML page](https://gradiently.design/sv/guide/startup-branding) Tidigt har ditt varumärke två uppgifter: få främlingar att lita på dig nog för att prova produkten, och inte stå i vägen när produkten ändras. Så klarar du båda. ## The short version - Före product-market fit bör startup-branding sikta på trovärdigt och konsekvent, inte komplett. - Lås det som är dyrt att ändra senare, som namn, domän och en enkel ordbild, och låt positionering och budskap vara flexibla. - Ett minimalt trovärdigt varumärke består av en ordbild, en liten palett eller en gradientidentitet, ett eller två typsnitt, ett enhetligt bakgrundsuttryck och några få mallar. - Lanseringsmaterial har fasta storlekar, som 1200×630 för länkförhandsvisning, 1500×500 för X-header och 1920×1080 för bilder i presentationer, så gör dem som en uppsättning. - Investera i ett fullt varumärke när du vet vem produkten är till för och varför de stannar, för då slutar berättelsen ändras. **Branding för startups** före product-market fit ska göra två saker: få dig att se trovärdig nog ut för att främlingar ska prova produkten, och vara flexibel nog för att inte kämpa emot när produkten ändras. I praktiken betyder det att du låser det som är dyrt att ändra, som namn, domän och en enkel ordbild, och håller ett litet, enhetligt uttryck för allt annat. Spara den stora varumärkesberättelsen till senare, när du vet vilka som stannar och varför. Tidiga team brukar misslyckas åt ett av två håll: veckor läggs på en full identitet för en produkt som byter riktning en månad senare, eller så blir det en slarvig blandning av typsnitt och färger som får en bra produkt att se ofärdig ut. Den här guiden är mellanvägen. ## Vad du låser nu och vad du lämnar öppet Vissa varumärkesbeslut blir dyrare för varje vecka du väntar. Andra blir dyrare för varje vecka du binder dig för tidigt. Sortera dem innan du börjar. ### Lås nu - Ett namn du kan äga, med domän och konton i sociala medier - En enkel ordbild som fungerar i en färg - Två eller tre färger, eller en gradientidentitet - Ett eller två typsnitt - Ett enhetligt bakgrundsuttryck för allt material ### Lämna öppet - Din slogan och ditt positioneringsuttalande - Detaljerade budskap för varje målgrupp - En avancerad symbol eller illustrerad maskot - Fotostil och regler för art direction - Hela varumärkesboken Logiken är enkel. Vänster kolumn är hur folk hittar och känner igen dig, och ändrar du den senare förlorar du den igenkänning du byggt upp. Höger kolumn är vad du säger, och det du säger bör ändras i takt med att du lär dig. ## Det minimala trovärdiga varumärket Trovärdighet kommer mest av konsekvens. En startup med en ordbild, en stram palett och samma bakgrundsuttryck på webbplatsen, i presentationen och i inläggen läses som ett företag. En med fem typsnitt läses som ett sidoprojekt, hur bra produkten än är. 1. **En ordbild, inte en symbol** Sätt namnet i ett bra typsnitt med omsorgsfull bokstavsavstånd. Symboler tar längre tid att fylla med betydelse. En ordbild fungerar från dag ett och överlever en ändrad riktning. 2. **En liten palett** En mörk, en ljus, en huvudfärg och en accent. Eller en gradientidentitet med en enfärgad reserv för små storlekar. 3. **Ett eller två typsnitt** Ett för rubriker och ett för text, eller en familj i två snitt. [Varumärkestypsnitt](https://gradiently.design/sv/guide/brand-fonts) går igenom hur du väljer. 4. **Ett bakgrundsuttryck** Samma gradient, material eller struktur bakom din startsida, presentation, inlägg och länkförhandsvisningar. Det gör mer för igenkänningen än logotypen. 5. **Fem mallar** Nyhet, funktion, citat, rekrytering och evenemang. Bygg dem en gång så att ingen behöver designa från noll klockan elva på kvällen. - Bläck: #0f1115 - Papper: #f6f5f2 - Indigo: huvudfärg: #4f46e5 - Cyan: accent: #22d3ee - Skiffer: dämpad text: #8a8f98 En komplett startpalett. Fem färger räcker för en webbplats, en presentation och ett år av inlägg. Håll accenten sällsynt. Samla allt i ett [varumärkeskit](https://gradiently.design/sv/guide/brand-kit) som hela teamet når, så att den tionde som börjar designar på samma sätt som den första. ## Lanseringsmaterial och deras storlekar Lanseringsveckan kräver samma budskap i många former på en gång. Gör dem som en uppsättning utifrån en design, inte ett i taget, annars glider de isär. Det här är de format de flesta startups behöver först. | Material | Storlek (px) | Var det syns | | --- | --- | --- | | Hero på webbplatsen | 1920×1080 | Din startsida | | Länkförhandsvisning (Open Graph) | 1200×630 | Varje delad länk i chattar och flöden | | X-header | 1500×500 | Överst på din X-profil | | LinkedIn-företagsomslag | 2256×382 | Överst på din företagssida | | LinkedIn-länkbild | 1200×627 | Inlägg som delar din lanseringslänk | | Instagram-inlägg | 1080×1350 | Nyhet i flödet | | Story | 1080×1920 | Instagram och andra vertikala stories | | Bilder 16:9 | 1920×1080 | Pitch- och demopresentationer | Varje storlek här kommer från plattformens rekommenderade uppladdning. [Bildstorlekar för sociala medier](https://gradiently.design/sv/guide/social-media-image-sizes) har hela listan. - Hero 16:9: 1920 × 1080 - Länkförhandsvisning: 1200 × 630 - X-header 3:1: 1500 × 500 - Inlägg 4:5: 1080 × 1350 - Story 9:16: 1080 × 1920 Lanseringsuppsättningen ritad i skala. En design som passar den höga storyn går inte bara att beskära till den breda headern, varje form behöver sin egen layout. En bred header som tillkännager en beta, med raden Fakturor som jagar sig själva på en gradientbakgrund Lanseringsbudskapet på en X-header … Ett stående inlägg med samma betameddelande på samma gradient, utlagt vertikalt … och i ett flödesinlägg. Samma ord, samma uttryck, en layout för varje form. För resten av lanseringsveckan, se [grafik för produktlansering](https://gradiently.design/sv/guide/launch-day-graphics) och [design av pitchpresentation](https://gradiently.design/sv/guide/pitch-deck-design). Gradiently Studio kan lägga ut en färdig design på nytt för var och en av de här storlekarna med kopiera till storlekar, vilket håller en lanseringsuppsättning enhetlig utan att du ritar om den åtta gånger. ## När du ska investera i ett fullt varumärke Rätt tid är när berättelsen slutar ändras: du vet vem produkten är till för, varför de stannar och hur du skiljer dig. Några tecken på att du är där. - Kunder beskriver produkten för dig med samma ord, utan att du frågar. - Din positionering har överlevt några månader utan omskrivning. - Du tar in kapital, rekryterar eller går in på en marknad där första intrycket väger tyngre. - Det slarviga uttrycket är nu anledningen till att folk tvekar, inte produkten. När den dagen kommer börjar du inte om. Namnet, ordbilden och bakgrundsuttrycket du låste tidigt blir grunden, och den fulla identiteten växer runt dem. Om det tidiga varumärket verkligen inte passar längre, gå igenom en [checklista för ny profil](https://gradiently.design/sv/guide/rebrand-checklist) så att inget glöms bort. > **Enveckasregeln** Om en varumärkesuppgift tar mer än en vecka före lansering hör den troligen hemma i kolumnen Lämna öppet. Släpp med det minimala trovärdiga varumärket och förbättra det med det kunderna lär dig. ## FAQ ### Hur mycket ska en startup lägga på branding före product-market fit? Bara så mycket att du ser trovärdig och konsekvent ut: ett namn du kan äga, en enkel ordbild, en liten palett, ett eller två typsnitt och ett enhetligt bakgrundsuttryck. Spara den fulla identiteten till senare. ### Ska en startup designa en logotypsymbol tidigt? Oftast inte. En välsatt ordbild fungerar direkt och överlever ändrad riktning, medan en symbol tar tid att fylla med betydelse. ### Vilken branding behöver en startup för lansering? En hero på webbplatsen, en länkförhandsvisning, headers och inlägg för sociala medier, ett storyformat och bilder till presentationer, allt gjort som en enhetlig uppsättning. ### När ska en startup göra om sitt varumärke? När produkten, målgruppen eller positioneringen har ändrats så mycket att det tidiga varumärket inte längre passar, oftast efter product-market fit. ### Vilken storlek ska en startups länkförhandsvisning ha? 1200×630 pixlar, den Open Graph-storlek som används när länkar delas i chattar och flöden.