Hoppa till innehåll
HubSpot Kunskapsbas
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Redigera ett varumärkes logotyp, favicon, varumärkesfärger, typsnitt och tema

Senast uppdaterad: 23 juni 2026

Tillgänglig med något av följande abonnemang, om inte annat anges:

Använd varumärkeskit för att hantera varumärkesprofilering för ett HubSpot-konto. I ditt varumärkeskit kan du lägga till eller redigera din logotyp, ditt Favicon, dina varumärkesfärger, ditt tema och dina teckensnitt för att hålla varumärkesprofileringen konsekvent i allt innehåll och alla verktyg som stöds av HubSpot.

Du kan till exempel ange standardfärger för varumärkesprofilering som visas i innehållsredigeraren, schemaläggningssidor, offerter och konversationer. Om du har tillägget Brands kan du skapa och hantera ett varumärkeskit för varje varumärke.

Läs mer om hur redigering av ett varumärkeskit förbättrar AI-resultaten.

Behörigheterna Superadmin eller Redigera standardkonton krävs för att redigera varumärkeskit

Lägg till, redigera eller ta bort en logotyp

På fliken ”Varumärkeskit”kan du redigera din standardlogotyp. Du kan åsidosätta den här logotypen för enskilda delar av innehållet. 

  1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > Varumärke. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > Varumärke.
  2. Om du använder tillägget ”Brands” klickar dupå rullgardinsmenyn uppe till höger och väljer det varumärkevars logotyp du vill uppdatera.
  3. Klicka på ”Lägg till logotyp +” på fliken ”Varumärkeskit ”.
  4. Lägg till din nya logotyp i det högra fönstret:
    • Om du vill lägga till en befintlig bild från filverktyget som din logotyp klickar du på Bläddra bland bilder. Klicka på bilden i den högra panelen.
    • Om du vill lägga till en ny bild klickar du på Ladda upp och lägger sedan till en bild från din dator.
  5. I fältet Logo name anger du ett namn för logotypen. Detta fält är obligatoriskt. 
  6. I fältet Logo alt-text anger du en beskrivning av din logotyp för sökmotorer och skärmläsare. Detta förbättrar tillgängligheten på och SEO för din webbplats. Läs mer om webbplatsens tillgänglighet i HubSpots utvecklardokumentation.
  7. Ifältet ”Länk”anger du en URL om du vill att din logotyp ska vara klickbar. 
  8. Klicka på ”Ja” för att göra den här logotypen till standard. För att koppla logotypen till en domän, klicka på ”Nej”. Klicka sedan på rullgardinsmenyn för domäner och välj en domän.
  9. Klicka på Spara.
  10. Om du vill redigera eller ta bort en logotyp, eller ställa in en logotyp som standard, klickar du på verticalMenuIconden vertikala menyikonen och sedan på Ange som standard,Redigera logotyp eller Ta bort logotyp.

Lägg till, redigera eller ta bort en favicon

På fliken ”Varumärkeskit” kan du anpassa webbplatsens favicon, den lilla bilden i webbläsarfliken bredvid sidans titel. Favicon kommer endast att tillämpas på innehåll som finns på HubSpot. du kan lägga till upp till 20 favicons per Varumärke.

  1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > Varumärke. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > Varumärke.
  2. Om du använder tillägget ”Brands” klickar dupå rullgardinsmenyn uppe till höger och väljer det varumärke vars logotyp du vill uppdatera.

  3. Klicka på ”Lägg till favicon +” på fliken ”Varumärkeskit ”. 
  4. I den högra panelen lägger du till din nya favicon:
    • Om du vill lägga till en befintlig bild från filverktyget som din logotyp klickar du på Bläddra bland bilder. Klicka sedan på bilden. 
    • Om du vill lägga till en ny bild klickar du på Ladda upp och lägger sedan till en bild från din dator. 
  5. I fältet Favicon name anger du ett namn för favicon. 
  6. Välj Ja för att göra faviconen till standard. För att tilldela faviconet till en domän, klicka på ”Nej”. Klicka sedan på rullgardinsmenyn för domäner för att välja en domän.
  7. Klicka på Spara.
  8. Om du vill redigera eller ta bort en favicon, eller ställa in en favicon som standard, klickar du på verticalMenuIconden vertikala menyikonen och sedan på Ange som standard,Redigera favicon eller Ta bort favicon
    .


Lägg till, redigera eller ta bort varumärkesfärger

Ställ in varumärkets färger på fliken ”Varumärkeskit” , som visas i innehållsredigeraren samt på sidorna för schemaläggning, offter och konversationskanaler. Varumärkesprofilering visas inte i mallar för försäljning och e-postmeddelanden.

  1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > Varumärke. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > Varumärke.
  2. Om du använder tillägget ”Brands” klickar dupå rullgardinsmenyn uppe till höger och väljer det varumärke vars logotyp du vill uppdatera.
  3. Klicka på ”Redigera färger” på fliken ”Varumärkeskit ”.
  4. Så här ställer du in dina varumärkesfärger i panelen till höger:
    • Om du vill importera dina färger från en URL klickar du på Import colors from URL.
      • I dialogrutan anger du webbadressen till en sida som använder varumärkesprofileringens färger och klickar på Hitta färger. 
      • Dra och släpp de färger som du vill använda bredvid den färg som du vill tilldela dem. Dra till exempel #754262 till avsnittet Primärfärg .

    • För att ange hexadecimal kod eller välja färger:
      • Primärfärg: den huvudfärg som används i din varumärkesprofilering. Under Primärfärg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg. 
      • Sekundärfärg: den näst mest använda färgen i din varumärkesprofilering. Under Sekundär färg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg.
      • Accentfärger: färger som kompletterar dina primära och sekundära färger för varumärkesprofilering. Under Accentfärg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg. 
      • Ytterligare färger: dessa färger används inte automatiskt, men kommer att vara tillgängliga i färgväljare och kan refereras till i utvecklingsverktyg. Klicka på add Lägg till bredvid Ytterligare färger, ange en hexadecimal kod eller klicka på färgväljaren och välj en färg. Om du vill ta bort en extra färg klickar du på Delete.
  5. Klicka på Spara.
  6. För att ta bort en varumärkesfärg, klicka på deleteIconborttagningsikonen bredvid färgen.

Vänligen notera:

Om din webbplats hänvisar till en färg som inte är inställd i inställningarna för varumärkesprofilering, kommer den att använda fallback-logik:
  • Den sekundära färgen kommer som standard att vara den första tillgängliga extrafärgen.
  • Den första accentfärgen kommer som standard att vara den andra extrafärgen.
  • Den andra accentfärgen kommer som standard att vara den tredje extrafärgen.
  • Den tredje accentfärgen kommer som standard att vara den fjärde extrafärgen.
  • Om inga ytterligare färger har angetts används ett standardfärgvärde. Om ingen standardfärg har angetts används primärfärgen som reservfärg.

Lägga till, redigera eller ta bort teckensnitt

Observera: när du lägger till typsnitt i varumärkesinställningarna ställs de standardtypsnitt in som är tillgängliga för HubSpots innehållsverktyg. För sidor som använder anpassade teman, kodade mallar eller anpassade stilmallar kan det också hända att du måste ladda teckensnittet i din mall eller stilmall. För Google Fonts lägger du till teckensnittets @import-sats i den stilmall som sidan använder.

Ställ in primära, sekundära och anpassade typsnitt på fliken ”Varumärkeskit” som ska användas i allt ditt innehåll.

Lägg till teckensnitt

  1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > Varumärke. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > Varumärke.
  2. Om du använder tillägget ”Brands” klickar dupå rullgardinsmenyn uppe till höger och väljer det varumärke vars logotyp du vill uppdatera.
  3. På fliken ”Varumärkeskit” , i avsnittet ”Teckensnitt” , klickar du på ”Redigera” för det teckensnitt du vill ändra
  4. I höger sidopanelväljer du rullgardinsmenyn”Välj teckensnitt ”.
  5. Ange teckensnittets namn i sökfältet eller välj teckensnittet från listan.
  6. För att ställa in ett anpassat typsnitt som ska finnas tillgängligt i typsnittsväljaren i innehållsredigerarna, klicka på + Lägg till ett anpassat typsnitt.
    • I fältet Font name anger du namnet på din font.
    • Klicka på Välj teckensnittsfil(er).
    • Välj de teckensnittsfiler som ska laddas upp från din dator. Filformat som stöds: TTF, OTF och WOFF.
    • Klicka på + Ladda upp fler filer för att lägga till fler teckensnittsfiler.
    • Klicka på Nästa.
    • Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.
    • Klicka på + Lägg till en annan typsnittsstil för att lägga till ytterligare stilar.
  7. Klicka på Spara.

Redigera eller ta bort anpassade teckensnitt

Så här redigerar du anpassade teckensnitt:

  1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > Varumärke. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > Varumärke.
  2. Om du använder tillägget ”Brands” klickar dupå rullgardinsmenyn uppe till höger och väljer det varumärke vars logotyp du vill uppdatera.
  3. På fliken ”Varumärkeskit” i avsnittet ”Teckensnitt”, under”Anpassade teckensnitt”, bredvid det befintliga teckensnittet, klickar du på”Åtgärder” och väljer sedan”Redigera ” eller ”Ta bort”. 
    • Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.
    • Klicka på + Lägg till en annan typsnittsstil för att lägga till ytterligare stilar.
    • Klicka på Spara.

Ändra ett tema

Ett tema är en samling mallar, moduler, globalt innehåll och stilinställningar som kan användas för att skapa en webbplats. Redigera sidor och inlägg med hjälp av ett tema i innehållsredigeraren och ställ in bloggmallar så att de använder ett tema i dina blogginställningar.

Alla konton har tillgång till minst ett standardtema för HubSpot. Teman kan också laddas ner från Mallmarknaden.

Observera: Kunskapsbaser använder en modifierad version av teman. Läs mer om hur du redigerar temainställningarna för kunskapsbasen.

Så här ändrar du ett tema:

  1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > Varumärke. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > Varumärke.
  2. Om du använder tillägget ”Brands” klickar du på rullgardinsmenyn uppe till höger och väljer det varumärke vars logotyp du vill uppdatera.
  3. På fliken ”Varumärkeskit” klickar du på”Ställ in tema” eller ”Byt tema” för att välja ett annat tema.
    • Dina tillgängliga teman kommer att visas. Klicka på Ange som aktivt tema bredvid det tema som du vill använda för din varumärkesprofilering.
    • Ange ett temanamn i sökfältet för att söka efter ett tema.
    • Dina tillgängliga teman kommer att visas. Klicka på Ange som aktivt tema bredvid det tema som du vill använda för din varumärkesprofilering.
    • Ange ett temanamn i sökfältet för att söka efter ett tema.
  4.  Klicka på Redigera / Förhandsgranska för att redigera inställningarna för ditt tema.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.

Relaterat innehåll

Innehållsförteckning /sv/branding/edit-your-logo-favicon-and-brand-colors Meny

Relaterat innehåll

New call-to-action