Gebruikers met toegang totde standaardinstellingen voor accounts bewerken kunnen het logo, het favicon, de merkkleuren, het thema en de lettertypen van je merk bewerken in je merkkit.
Let op: je kunt één merkkit per account maken. Als je de add-on Merken hebt, kun je één merkkit per merk maken.
Merkkleuren verschijnen in de inhoudseditor, planningspagina's, offertes en conversatiekanalen, maar niet in verkoopsjablonen en e-mails.
Je logo toevoegen of bewerken
Op het tabblad Merkenoverzicht kunt u uw standaardlogo bewerken. Je kunt dit logo overschrijven voor afzonderlijke stukken inhoud.
- Als u de add-on Merken gebruikt, klikt u op het vervolgkeuzemenu rechtsboven en selecteert u het merk waarvan u het logo wilt bijwerken.
- Klik in de sectie Brand Kit op Logo's.
- Voeg in het rechterpaneel uw nieuwe logo toe:
-
- Als u een bestaande afbeelding uit de bestandentool wilt toevoegen als uw logo, klikt u op Afbeeldingen bladeren. Klik in het rechterpaneel op de afbeelding.
- Als je een nieuwe afbeelding wilt toevoegen, klik je op Upload en voeg je een afbeelding toe vanaf je computer.
- Voer in het veld Logo naam een naam in voor het logo. Dit veld is verplicht.
- Klik op het vervolgkeuzemenu Logodomein en selecteer een specifiek domein voor het logo als je het standaarddomein niet wilt gebruiken.
- Voer in het veld Logo alt-tekst een beschrijving van je logo in voor zoekmachines en schermlezers. Dit verbetert de toegankelijkheid en SEO van je site. Meer informatie over website-toegankelijkheid in de HubSpot documentatie voor ontwikkelaars.
- Voer in het veld Logo URL een URL in als je wilt dat je logo klikbaar is.
- Als u het formaat van uw logo wilt wijzigen, voert u een nieuwe afmeting in het veld Breedte of Hoogte in. Het andere veld wordt automatisch aangepast om de verhoudingen van de afbeelding te behouden.
- Als u wilt dat dit logo de standaard wordt, klikt u op het selectievakje Maak dit mijn standaardlogo .
- Klik op Verwijderen om een logo te verwijderen .
- Als u nog een logo wilt toevoegen, klikt u onderaan op + Nog een logo toevoegen .
-
- Als je klaar bent met het bewerken van je logo, klik je op Bijwerken.
Je favicon toevoegen of bewerken
Op het tabblad Brand Overview kunt u de favicon van uw website aanpassen, de kleine afbeelding in een browsertab naast de paginatitel. Je favicon wordt alleen toegepast op inhoud die wordt gehost op HubSpot.
Let op: je kunt maximaal 20 favicon's per merk toevoegen.
- .
- Als u de add-on Merken gebruikt, klikt u op het vervolgkeuzemenu rechtsboven en selecteert u het merk waarvan u het logo wilt bijwerken.
- Klik in de sectie Brand Kit op Favicons.
- Voeg in het rechterpaneel je nieuwe favicon toe:
- Als u een bestaande afbeelding uit de bestandentool wilt toevoegen als uw logo, klikt u op Afbeeldingen bladeren. Klik vervolgens op de afbeelding.
- Als je een nieuwe afbeelding wilt toevoegen, klik je op Upload en voeg je een afbeelding toe vanaf je computer.
- Voer in het veld Faviconnaam een naam in voor de favicon.
- Schakel het selectievakje Maak dit mijn standaard favicon in om van het favicon de standaard te maken.
- Klik op + Nog een favicontoevoegen om een ander logo toe te voegen .
- Klik op Verwijderen om een bestaande afbeelding te verwijderen .
- Als je klaar bent met het bewerken van je favicon, klik je op Bijwerken.
Je merkkleuren toevoegen of bewerken
U kunt merkkleuren instellen op het tabblad Merkenoverzicht dat wordt weergegeven in de inhoudseditor, evenals planningspagina's, citaten en conversatiekanalen. Merkkleuren verschijnen niet in verkoopsjablonen en e-mails.
- Als u de add-on Merken gebruikt, klikt u op het vervolgkeuzemenu rechtsboven en selecteert u het merk waarvan u het logo wilt bijwerken.
- Klik in het gedeelte Brand Kit op Kleuren.
- Om je merkkleuren in te stellen, ga je naar het rechterpaneel:
- Als je kleuren wilt importeren vanaf een URL, klik je op Kleuren importeren vanaf URL.
- Voer in het dialoogvenster de URL in van een pagina met je merkkleuren en klik op Kleuren zoeken.
- Sleep de kleuren die je wilt gebruiken naast de kleur waaraan je ze wilt toewijzen. Sleep bijvoorbeeld #754262 naar de sectie Primaire kleur .
- Om de hexadecimale code in te voeren of kleuren te selecteren:
- Primaire kleur: de hoofdkleur die in je merk wordt gebruikt. Voer onder Primaire kleur een hexadecimale code in of klik op de kleurenkiezer en selecteer een kleur.
- Secundaire kleur: de tweede meest gebruikte kleur in je merk. Voer onder Secundaire kleur een hexadecimale code in of klik op de kleurenkiezer en selecteer een kleur.
- Accentkleuren: kleuren die je primaire en secundaire merkkleuren aanvullen. Voer onder Accentkleur een hexadecimale code in of klik op de kleurenkiezer en selecteer een kleur.
- Extra kleuren: deze kleuren worden niet automatisch gebruikt, maar zijn beschikbaar in kleurkiezers en kunnen worden gebruikt in ontwikkeltools. Klik op add Toevoegen naast Extra kleuren, voer een hexadecimale code in of klik op de kleurenkiezer en selecteer een kleur. Klik op Verwijderen om een extra kleur te verwijderen.
Let op:
Als je site verwijst naar een kleur die niet is ingesteld in de merkinstellingen, wordt fallbacklogica gebruikt:
- De secundaire kleur wordt standaard de eerste beschikbare extra kleur.
- De eerste accentkleur wordt standaard de tweede extra kleur.
- De tweede accentkleur wordt standaard de derde extra kleur.
- De derde accentkleur wordt standaard de vierde extra kleur.
- Als er geen extra kleuren zijn ingesteld, wordt een standaard kleurwaarde gebruikt. Als er geen standaardkleur is ingesteld, wordt de primaire kleur als fallback gebruikt.
Verander je thema
Een thema is een verzameling sjablonen, modules, globale inhoud en stijlinstellingen die kunnen worden gebruikt om een website te maken. Je kunt pagina's en berichten bewerken met een thema in de inhoudseditor en blogtemplates zo instellen dat ze een thema gebruiken in je bloginstellingen.
Alle accounts hebben toegang tot ten minste één standaard HubSpot-thema. Thema's kunnen ook worden gedownload van de Sjabloonmarktplaats.
Let op: kennisbanken gebruiken een aangepaste versie van thema's. Meer informatie over het bewerken van de thema-instellingen van de kennisbank.
Je thema wijzigen:
- Als u de add-on Merken gebruikt, klikt u op het vervolgkeuzemenu rechtsboven en selecteert u het merk waarvan u het logo wilt bijwerken.
- Klik in de sectie Brand Kit op Theme (Thema).
-
- Selecteer Thema instellen of Thema wijzigen om een ander thema te selecteren.
- De beschikbare thema's worden weergegeven. Klik op Als actief thema instellen naast het thema dat je wilt gebruiken voor je merk.
- Voer een themanaam in de zoekbalk in om een thema te zoeken.
-
-
- Klik op Bekijk thema's op de marktplaats om andere thema's te bekijken die beschikbaar zijn om te downloaden.
- Selecteer Voorbeeld om een voorbeeld te bekijken van hoe je thema eruit zal zien.
- Selecteer Bewerken om je thema-instellingen te bewerken.
Lettertypen toevoegen, bewerken of verwijderen
Op het tabblad Merkoverzicht kun je primaire, secundaire en aangepaste lettertypen instellen die in al je inhoud worden gebruikt.
Lettertypen toevoegen
- Als u de add-on Merken gebruikt, klikt u op het vervolgkeuzemenu rechtsboven en selecteert u het merk waarvan u het logo wilt bijwerken.
- Klik in de sectie Brand Kit op Fonts.
-
- Om het lettertype in te stellen dat wordt gebruikt voor de bodytekst:
- Klik onder Body op het vervolgkeuzemenu Select font (Lettertype selecteren) .
- Voer de naam van het lettertype in de zoekbalk in of selecteer het lettertype in de lijst.
-
- Om het lettertype in te stellen dat wordt gebruikt voor koppen en grote tekst:
- Klik onder Primair op het vervolgkeuzemenu Lettertype selecteren .
- Voer de naam van het lettertype in de zoekbalk in of selecteer het lettertype in de lijst.
-
- Om een aangepast lettertype in te stellen dat beschikbaar is in de lettertypeselector in inhoudseditors:
- Klik onder Aangepaste lettertypen op + Een aangepast lettertype toevoegen.
- Voer in het veld Font name de naam van je lettertype in.
- Klik op Lettertypebestand(en) kiezen.
- Selecteer de lettertypebestanden die je vanaf je computer wilt uploaden. Ondersteunde bestandsformaten: TTF, OTF en WOFF.
- Klik op + Meer bestanden uploaden om meer lettertypebestanden toe te voegen.
- Klik op Volgende.
- Gebruik de vervolgkeuzemenu's om een overeenkomstige lettertypestijl te selecteren.
- Klik op + Nog een letterstijl toevoegen om extra stijlen toe te voegen.
-
- Klik op Bijwerken.
- Je kunt meer dan één aangepast lettertype toevoegen. Om er nog een toe te voegen, doorloop je de stappen opnieuw.
Aangepaste lettertypen bewerken of verwijderen
Aangepaste lettertypen bewerken:
- Als u de add-on Merken gebruikt, klikt u op het vervolgkeuzemenu rechtsboven en selecteert u het merk waarvan u het logo wilt bijwerken.
- Klik in de sectie Brand Kit op Fonts.
-
- Klik onder Aangepaste lettertypen naast het bestaande lettertype op Acties en selecteer vervolgens Bewerken of Verwijderen.
-
- Gebruik de vervolgkeuzemenu's om een overeenkomstige lettertypestijl te selecteren.
-
- Klik op + Nog een letterstijl toevoegen om extra stijlen toe te voegen.
- Klik op Bijwerken.