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:
|
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.
- 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.
- 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.
- <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>
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.
- 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>
- 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.
- 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.
- 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.
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.
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.
- 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.
- 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.
-
- 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.
- 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.
-
- Använd rullgardinsmenyerna för att välja en motsvarande typsnittsstil.
-
- 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.
- 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.
- 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.
- 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.
-
Branding Website Pages Account Management