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 varumärkets logotyp, favicon, varumärkesprofilering, färger, teckensnitt och tema

Senast uppdaterad: 22 augusti 2025

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

Användare med behörighetenRedigera standardkonton kan redigera varumärkets logotyp, favicon, varumärkesfärger, tema och teckensnitt i ditt Varumärkeskit. 

Observera: Du kan skapa ett Varumärkeskit per konto. Om du har tillägget Brands kan du skapa ett varumärkeskit per varumärke.

I dina inställningar anger du din logotyp och ditt Favicon, dina primära, sekundära, accentfärger och ytterligare färger för varumärkesprofilering, ditt tema och dina teckensnitt. Varumärkesprofilering visas i innehållsredigeraren, schemaläggningssidor, offerter och konverteringskanaler, men inte i mallar för försäljning och e-postmeddelanden. 

Lägg till eller redigera din logotyp

I inställningarna för ditt konto kan du redigera din standardlogotyp. Du kan åsidosätta den här logotypen för enskilda delar av innehållet. 

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för att uppdatera logotypen.

  • I avsnittet Varumärkeskit klickar du på Logotyper. 
  • Lägg till din nya logotyp:
    • 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. 
  • I fältet Logo name anger du ett namn för logotypen. Detta fält är obligatoriskt. 
  • 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.
  • I fältet Logo URL anger du en URL om du vill att logotypen ska vara klickbar.
  • Om du vill ändra storlek på logotypen anger du en ny dimension i fältet Bredd eller Höjd . Det andra fältet justeras automatiskt så att bildens proportioner bibehålls.
  • Om du vill lägga till en annan logotyp klickar du på + Lägg till längst ned i avsnittet Logotyper .
  • Om du vill ta bort en befintlig bild klickar du på X i mitten av bilden.

Uppdatering av varumärkesidentitet Uppdatering av logotyp: Alternativ för att lägga till eller uppdatera en logotyp, med fält för logotypdetaljer.

  • Om du vill ändra standardlogotypen håller du muspekaren över den logotyp som du vill använda som standard, klickar på rullgardinsmenyn Åtgärder och väljer sedan Gör standard.
  • Om du vill ta bort en logotyp klickar du på rullgardinsmenyn Åtgärder och väljer sedan Ta bort.

Varumärkesidentitet Ändra standardlogotyp: Rullgardinsmeny för att ändra eller ta bort en logotyp.

  • När du är klar med din logotyp klickar du på Uppdatera längst ned till vänster.
  • Du kan åsidosätta en standardlogotyp för specifikt innehåll i innehållsredigeraren eller Designhanteraren. Imodulen Logo klickar du på föratt slå på knappen Override default logo och ladda sedan upp en logotyp.

Varumärkesidentitet Åsidosätt logotyp: Växla för att åsidosätta standardlogotypen.

Lägg till eller redigera din favicon

I inställningarna för kontot kan du anpassa din webbplats favicon, den lilla bilden i en webbläsarflik bredvid sidans titel. Din favicon kommer endast att tillämpas på innehåll som finns på HubSpot. 

Observera: Du kan lägga till upp till 20 favicons per Varumärke.

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för uppdatering av favicon.

  • I avsnittet Varumärkeskit klickar du på Favicons. 
  • Lägg 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 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. 
  • I fältet Favicon name anger du ett namn för favicon. Detta fält är obligatoriskt. 
  • Om du vill lägga till en annan logotyp klickar du på + Add längst ned i avsnittet Favicons .
  • Om du vill ta bort en befintlig bild klickar du på X i mitten av bilden.

Uppdatering av varumärkesidentitet Favicon: Alternativ för att lägga till eller uppdatera en favicon.

  • Om du vill ändra standardfavicon håller du muspekaren över den favicon du vill använda som standard, klickar på rullgardinsmenyn Åtgärder och väljer sedan Gör till standard.
  • Om du vill ta bort en logotyp klickar du på rullgardinsmenyn Åtgärder och väljer sedan Ta bort.

Varumärkesidentitet Ändra standard Favicon: Rullgardinsmeny för att ändra standard Favicon.

  • När du är klar med att redigera din favicon klickar du på Spara längst ner till vänster. 

Lägg till eller redigera färgerna för din varumärkesprofilering

Du kan ställa in varumärkesprofilering i dina inställningar som kommer att visas i innehållsredigeraren, samt schemaläggningssidor, offerter och kanaler för konversationer. Varumärkesprofilering kommer inte att visas i mallar för försäljning och e-post. 

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för att uppdatera färger.

  • I avsnittet Varumärkeskit klickar du på Färger.
  • För att ställa in dina färger för varumärkesprofilering:
    • 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. Klicka sedan på Spara. Primärfärg är ett obligatoriskt fält.
    • 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. Klicka sedan på Spara.
    • Accentfärger: kompletterar varumärkesprofileringens primära och sekundära färger. Under Accentfärg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg. Klicka sedan på Spara. Du kan lägga till upp till tre accentfärger.
    • Ytterligare 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. Klicka sedan på Spara. Du kan lägga till upp till sexton ytterligare färger.
      • Om du vill ta bort ytterligare en färg klickar du på delete delete bredvid den färg som du vill ta bort och klicka sedan på Spara.

Varumärkesprofileringens avsnitt Färger visar alternativ för att ställa in primär-, sekundär- och accentfärger.

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.
  • Du kan också importera färger från en live-sida som redan använder färgerna i varumärkesprofileringen: 
    • Klicka 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. 
    • När skanningen är klar avmarkerar du kryssrutan bredvid de färger som du inte vill importera och klickar sedan på Import. 

Import Colors from URL (Importera färger från URL): Dialogruta för att ange en URL för import av färger.

Lägga till, redigera eller ta bort teckensnitt

Du kan ange primära, sekundära och anpassade teckensnitt i dina inställningar som ska användas i allt ditt innehåll. För att lägga till eller redigera dina teckensnitt:

Lägg till teckensnitt

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för att uppdatera teckensnitt.

  • I avsnittet Varumärkeskit klickar du på Typsnitt.
  • För att ange det teckensnitt som ska användas för brödtext:
    • Klicka på rullgardinsmenyn Välj teckensnitt under Kropp.
    • Ange teckensnittets namn i sökfältet eller välj teckensnittet från listan.
    • Klicka på Uppdatera.
  • För att ställa in det typsnitt som ska användas för rubriker och stor text:
    • Klicka på rullgardinsmenyn Välj teckensnitt under Primär.
    • Ange teckensnittets namn i sökfältet eller välj teckensnittet från listan.
    • Klicka på Uppdatera.
  • För att ange ett anpassat teckensnitt som kommer att vara tillgängligt i teckensnittsväljaren i innehållsredigerare:
    • Under Anpassade teckensnitt klickar du på + Lägg till ett anpassat teckensnitt.
    • 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.
    Lägg till gränssnitt för anpassade teckensnitt i HubSpot-inställningarna med fältet för teckensnittsnamn och knappen Välj teckensnittsfiler.
    • Klicka på Nästa.
    • Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.

Dropdown-menyer med anpassad teckensnittsstil i HubSpot-inställningar.

    • Klicka på + Lägg till en annan typsnittsstil för att lägga till ytterligare stilar.
    • Klicka på Uppdatera.
    • Du kan lägga till mer än ett anpassat teckensnitt. För att lägga till ytterligare en, gå igenom stegen igen.

Redigera teckensnitt

Så här redigerar du befintliga teckensnitt:

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för att uppdatera teckensnitt.

  • I avsnittet Varumärkeskit klickar du på Typsnitt.
  • För att redigera det teckensnitt som ska användas för brödtext:
    • Klicka på rullgardinsmenyn under Kropp.
    • Ange teckensnittets namn i sökfältet eller välj teckensnittet från listan.
    • Klicka på Uppdatera.
  • För att redigera det typsnitt som ska användas för rubriker och stor text:
    • Klicka på rullgardinsmenyn under Primary.
    • Ange teckensnittets namn i sökfältet eller välj teckensnittet från listan.
    • Klicka på Uppdatera.
  • Så här redigerar du ett anpassat teckensnitt:
    • Under Anpassade teckensnitt, bredvid det befintliga teckensnittet, klickar du på Åtgärder och väljer sedan Redigera.
Redigera alternativet för anpassat teckensnitt i rullgardinsmenyn Åtgärder i HubSpot-inställningarna.
    • Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.

Rullgardinsmenyer för val av anpassad teckensnittsstil i HubSpot-inställningar för redigering.

    • Klicka på + Lägg till en annan typsnittsstil för att lägga till ytterligare stilar.
    • Klicka på Uppdatera.

Ta bort anpassade teckensnitt

Ta bort anpassade teckensnitt:

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för att ta bort anpassade teckensnitt.

  • I avsnittet Varumärkeskit klickar du på Typsnitt.
  • Under Anpassade teckensnitt, bredvid det befintliga teckensnittet, klickar du på Åtgärder och väljer sedan Ta bort.

Ta bort alternativet för anpassat teckensnitt i rullgardinsmenyn Åtgärder i HubSpot-inställningarna.

  • Klicka på Ta bort teckensnitt i dialogrutan.

Ändra ditt tema

En mall är en uppsättning mallar, moduler, globalt innehåll och stilinställningar som kan användas för att skapa en webbplats. Du kan redigera sidor och inlägg med hjälp av ett Mall i innehållsredigeraren och ställa in blogginlägg så att de använder ett Mall i dina blogginställningar.

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

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

För att ändra ditt tema:

  • I ditt HubSpot-konto navigerar du till Content > Varumärkesprofilering.
  • Om du använder tillägget Varumärkesprofilering klickar du på rullgardinsmenyn längst upp till höger och väljer det varumärke som du vill uppdatera logotypen för.

Varumärkesidentitet Välj varumärke: Rullgardinsmeny för att välja ett varumärke för att ändra temat.

  • I avsnittet Varumärkeskit klickar du på Tema.
  • Välj Ändra 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. 
      • Klicka på Visa teman på Marknadsplatsen för att visa andra teman som finns tillgängliga för nedladdning.
    • Välj Edit för att redigera dina temainställningar.
    • Välj Preview för att förhandsgranska hur ditt tema kommer att se ut.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.
Innehållsförteckning Meny

Relaterat innehåll