Hoppa till innehåll
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: 26 maj 2025

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

Alla produkter och planer

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 Varumärken 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 redigeraren för innehåll, schemaläggningssidor, offerter och konversationskanaler, men kommer inte visas i mallar och e-postmeddelanden för försäljning.

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 klickar du på settings inställningsikonen i det övre navigeringsfältet.
  • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
  • 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.

Brand Identity Select Brand: Dropdown menu to select a brand to update logo.

  • 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 verktyget Filer 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 Logotypnamn anger du ett namn för logotypen. Det här fältet ä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 och SEO för din webbplats. Läs mer om webbplatsens tillgänglighet i HubSpots utvecklardokumentation.
  • I fältet URL för logotyp anger du en URL om du vill att logotypen ska vara klickbar.
  • OmTo resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
  • du vill lägga till en annan logotyp klickar du på + Lägg till längst ner i avsnittet Logotyper .
  • Om du vill ta bort en befintlig bild klickar du på X i mitten av bilden.

Brand Identity Update Logo: Options to add or update a logo, with fields for logo details.

  • 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 till standard.
  • Om du vill ta bort en logotyp klickar du på rullgardinsmenyn Åtgärder och väljer sedan Ta bort.

Brand Identity Change Default Logo: Dropdown menu to change or delete a logo.

  • <span itemprop="name headline\">När du är klar med att redigera din logotyp klickar du på <strong>Uppdatera </strong>nere till vänster. </span></li> <li>Du kan åsidosätta en standardlogotyp för specifikt innehåll i <a href="https://knowledge.hubspot.com/sv/website-and-landningssidor/skapa-och-anpassa-sidor" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">innehållsredigerare</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> eller </span><a href="/designhanterare/skapaoch-redigera-moduler" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">Designhanterare</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. I </span><span style="font-style: italic;">Logo </span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">modulen klickar du för att växla </span><strong style="background-color: transparent;">Overstyra standardlogotypen</strong><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; bakgrundsfärg: transparent;"> slå på och sedan ladda upp en </span><span style="font-weight: bold;">logotyp</span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; bakgrundsfärg: transparent;">. </span></li> </ul> </ul>

    Brand Identity Override Logo: Switch to override the default logo.

    Lägg till eller redigera din favicon

    I kontoinställningarna kan du anpassa din webbplats favicon, den lilla bilden i en webbläsarflik bredvid sidtiteln. 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 klickar du på settings inställningsikonen i det övre navigeringsfältet.
    • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
    • 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.

    Brand Identity Select Brand: Dropdown menu to select a brand for favicon update.

    • 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 verktyget Filer 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 faviconen. Det här fältet är obligatoriskt.
    • <span itemprop="name headline\">För att lägga till en annan logotyp, </span>klicka på <strong>+ Lägg till </strong>längst ner i avsnittet Favicons<em> </em>.</li> <li>För att ta bort en befintlig bild klickar du på <strong>X</strong> mitt i bilden.</li> </ul> </ul>

      Brand Identity Update Favicon: Options to add or update a 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.

      Brand Identity Change Default Favicon: Dropdown menu to change the default 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 ange färger för varumärkesprofilering i dina inställningar som visas i innehållsredigeraren samt på schemaläggningssidor, offerter och kanaler för konversationer. Varumärkesprofilering visas inte i mallar för försäljning och e-post.

      • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
      • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
      • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to update colors.

      • I avsnittet Varumärkeskit klickar du på Färger.
      • Så här ställer du in färgerna för din varumärkesprofilering:
        • Primärfärg: den huvudsakliga färgen som används i varumärkesprofileringen. 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ärfä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 dina primära och sekundära färger i varumärkesprofileringen. 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 Add bredvid Additional colors, ange en hexadecimal kod eller klicka på färgväljaren och välj en färg. Klicka sedan på Save. Du kan lägga till upp till sexton ytterligare färger.
          • Om du vill ta bort en extra färg klickar du på delete delete bredvid den färg du vill ta bort och klickar sedan på Save.

      Brand Kit Colors section, showing options to set primary, secondary, and accent colors.

      Vänligen notera detta:

      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 extrafä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å Importera färger från URL.
        • I dialogrutan anger du URL :en till en sida som använder dina varumärkesprofileringar och klickar på Hitta färger.
        • När sökningen är klar avmarkerar du kryssrutan bredvid de färger som du inte vill importera och klickar sedan på Import.

      Import Colors from URL: Dialog box to enter a URL to import colors.

      Lägga till, redigera eller ta bort teckensnitt

      Du kan ange primära, sekundära och anpassade teckensnitt i dina inställningar som kommer att användas i hela ditt innehåll. Så här lägger du till eller redigerar dina teckensnitt:

      Lägg till teckensnitt

      • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
      • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
      • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • I avsnittet Varumärkeskit klickar du på Typsnitt.
      • Ange det teckensnitt som ska användas för brödtexten:
        • Under Body klickar du på rullgardinsmenyn Välj teckensnitt.
        • 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.
      • Så här ställer du in ett anpassat teckensnitt som ska vara tillgängligt i teckensnittsväljaren i innehållsredigerare:
        • Under Anpassade teckensnitt klickar du på + Lägg till ett anpassat teckensnitt.
        • Ange namnet på teckensnittet i fältet Teckensnittsnamn.
        • Klicka på Välj fil(er) för teckensnitt.
        • Välj de filer 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 filer med teckensnitt.
        Add custom font interface in HubSpot settings showing font name field and choose font files button.
        • Klicka på Nästa.
        • Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.

      Custom font style selection dropdown menus in HubSpot settings.

        • 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. Gå igenom stegen igen om du vill lägga till ytterligare ett.

      Redigera teckensnitt

      Så här redigerar du befintliga teckensnitt:

      • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
      • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
      • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • I avsnittet Varumärkeskit klickar du på Typsnitt.
      • Redigera det teckensnitt som ska användas för brödtexten:
        • Klicka på rullgardinsmenyn under Body.
        • 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 Primär.
        • 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.
      Edit custom font option under Actions dropdown in HubSpot settings.
        • Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.

      Custom font style selection dropdown menus in HubSpot settings for editing.

        • Klicka på + Add another font style för att lägga till ytterligare stilar.
        • Klicka på Uppdatera.

      Ta bort anpassade teckensnitt

      Ta bort anpassade teckensnitt:

      • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
      • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
      • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to delete custom fonts.

      • 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.

      Delete custom font option under Actions dropdown in HubSpot settings.

      • Klicka på Ta bort teckensnitt i dialogrutan.

      Ändra ditt tema

      Ett tema ä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 blogginlägg med hjälp av ett tema i redigeraren för innehåll och ställa in bloggmallar så att de använder ett tema i blogginställningarna.

      Alla konton har tillgång till minst ett standardtema från HubSpot. Mallar 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 kunskapsbaser.

      För att ändra ditt tema:

      • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
      • Klicka på Varumärkesidentitet i menyn i vänster sidofält.
      • 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.

      Brand Identity Select Brand: Dropdown to select a brand to change the theme.

      • I avsnittet Varumärkeskit klickar du på Tema.
      • Välj Change theme för att välja ett annat tema.
          • Dina tillgängliga teman 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.
OSZAR »