Rediger dit logo, din favicon og dine brandfarver
Sidst opdateret: juli 25, 2024
Gælder for:
Alle produkter og abonnementer |
Brugere med tilladelsenRediger kontostandarder kan redigere dit brands logo, favicon og brandfarver i dit brandkit.
I dine indstillinger kan du indstille dit logo og favicon samt dine primære, sekundære, accent- og ekstra brandfarver. Brandfarver vises i indholdseditoren, planlægningssider, tilbud og samtalekanaler, men vises ikke i salgsskabeloner og e-mails.Rediger dit logo
I dine kontoindstillinger kan du redigere dit standardlogo. Du kan tilsidesætte dette logo for individuelle dele af indholdet.
- På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
- Klik på Kontoindstillinger i menuen i venstre side .
- Klik på fanen Branding .
- Klik på det brand kit , du vil redigere.
- For at tilføje et nyt logo skal du klikke på + Tilføj i afsnittet Logoer.
- Tilføj dit nye logo:
- Klik på Gennemse billeder for at tilføje et eksisterende billede fra filværktøjet som dit logo. Klik på billedet i højre panel.
- Hvis du vil tilføje et nyt billede, skal du klikke på Upload og derefter tilføje et billede fra din computer.
- I feltet Logonavn skal du indtaste et navn til logoet. Dette felt er obligatorisk.
- I feltet Logo alt-tekst skal du indtaste en beskrivelse af dit logo til søgemaskiner og skærmlæsere. Dette vil forbedre tilgængeligheden og SEO på dit websted. Læs mere om tilgængelighed til hjemmesider i HubSpots udviklerdokumentation.
- I feltet Logo URL skal du indtaste en URL, hvis du ønsker, at dit logo skal være klikbart.
- Hvis du vil ændre størrelsen på dit logo, skal du indtaste en ny dimension i feltet Bredde eller Højde . Det andet felt justeres automatisk, så billedets proportioner bevares.
- Hvis du vil tilføje etandet logo, skal du klikke på + Tilføj nederst i sektionen Logoer .
- Hvis du vil slette et eksisterende billede, skal du holde musen over billedet og klikke på X i øverste højre hjørne. Hvis du vil slette et logo, skal du klikke på rullemenuen Handlinger og derefter vælge Slet.
- Når du er færdig med at redigere dit logo, skal du klikke på Gem nederst til venstre.
Rediger dit favicon
I kontoindstillingerne kan du tilpasse din hjemmesides favicon, det lille billede i en browserfane ved siden af sidetitlen. Dit favicon vil kun blive anvendt på indhold, der er hostet i HubSpot.
- På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
- Klik på Kontostandarder i menuen i venstre side.
- Klik på fanen Branding .
- Klik på det brand kit , du vil redigere.
- For at tilføje et nyt favicon skal du klikke på + Tilføj i afsnittet Favicon .
- Tilføj dit nye favicon:
- Klik på Gennemse billeder for at tilføje et eksisterende billede fra filværktøjet som dit favicon. Klik på billedet i højre panel.
- Hvis du vil tilføje et nyt billede som dit favicon, skal du klikke på Upload og derefter tilføje et billede fra din computer.
Bemærk: For at få det bedste resultat skal du gemme dit favicon som et billede på 48 x 48 px i et af disse filformater: .ico , .gif ,.png.
- I feltet Favicon name skal du indtaste navnet på dit favicon.
- Når du er færdig med at redigere dit favicon, skal du klikke på Gem nederst til venstre.
Rediger dine brandfarver
Du kan indstille brandfarver i dine indstillinger, som vises i indholdseditoren samt på planlægningssider, tilbud og samtalekanaler. Brandfarver vises ikke i salgsskabeloner og e-mails.
- På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
- Klik på Kontostandarder i menuen i venstre side.
- Klik på fanen Branding .
- Klik på det brand kit , du vil redigere.
- Klik på fanen Farver i afsnittet Mit brandkit .
- Sådan indstiller du dine brandfarver:
- Primærfarve: den vigtigste farve, der bruges i dit brand. Under Primær farve skal du indtaste en hexadecimal kode eller klikke på farvevælgeren og vælge en farve. Klik derefter på Gem. Primær farve er et obligatorisk felt.
- Sekundær farve: den næstmest brugte farve i dit brand. Under Sekundær farve skal du indtaste en hexadecimal kode eller klikke på farvevælgeren og vælge en farve. Klik derefter på Gem.
- Accentfarver: supplerer dine primære og sekundære brandfarver. Under Accentfarve skal du indtaste en hexadecimal kode eller klikke på farvevælgeren og vælge en farve. Klik derefter på Gem. Du kan tilføje op til tre accentfarver.
- Yderligere farver: bruges ikke automatisk, men vil være tilgængelige i farvevælgere og kan refereres til i udviklingsværktøjer. Klik på add Tilføj ved siden af Ekstra farver, indtast en hexadecimal kode, eller klik på farvevælgeren , og vælg en farve. Klik derefter på Gem. Du kan tilføje op til seksten ekstra farver.
- Hvis du vil slette en ekstra farve, skal du klikke på delete delete ud for den farve, du vil fjerne, og derefter klikke på Save.
Vær opmærksom på dette:
Hvis dit websted henviser til en farve, der ikke er indstillet i brandindstillingerne, vil det bruge fallback-logik:- Den sekundære farve vil som standard være den første ekstra farve, der er tilgængelig.
- Den første accentfarve vil som standard være den anden ekstra farve.
- Den anden accentfarve vil som standard være den tredje ekstra farve.
- Den tredje accentfarve vil som standard være den fjerde ekstra farve.
- Hvis der ikke er indstillet yderligere farver, bruges en standardfarveværdi. Hvis der ikke er angivet en standardfarve, bruges primærfarven som reserve.
- Du kan også importere farver fra en live-side, der allerede bruger dine brandfarver:
- Klik på Importer farver fra URL.
- I dialogboksen skal du indtaste URL' en til en side, der bruger dine brandfarver, og klikke på Find farver.
- Når scanningen er færdig, skal du fjerne markeringen i afkrydsningsfeltet ud for de farver, du ikke vil importere, og derefter klikke på Importer.