- Wissensdatenbank
- Account & Setup
- Branding
- Logo, Favicon, Marke Farben, Schriftarten und Design Ihrer Marke bearbeiten
Logo, Favicon, Marke Farben, Schriftarten und Design Ihrer Marke bearbeiten
Zuletzt aktualisiert am: 30 September 2025
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
Benutzer mit Zugriffsberechtigungen zum Bearbeiten von Account-Einstellungen können das Logo, das Favicon, die Markenfarben, das Thema und die Schriftarten Ihrer Marke in Ihrem Brand-Kit bearbeiten.
Bitte beachten: Sie können ein Brand-Kit pro Account erstellen. Mit dem Marken-Add-on können Sie ein Brand-Kit pro Marke erstellen.
Markenfarben werden im Content-Editor, auf Terminplanungsseiten, in Angeboten und Konversationskanälen angezeigt, aber nicht in Vertriebsvorlagen und -E-Mails.Ihr Logo hinzufügen oder bearbeiten
Auf der Registerkarte Markenübersicht können Sie Ihr Standardlogo bearbeiten. Sie können dieses Logo für einzelne Inhalte außer Kraft setzen.
- Gehen Sie in Ihrem HubSpot-Account zu Content > Marke.
- Wenn Sie das Marken-Add-on verwenden, klicken Sie auf das Dropdown-Menü oben rechts und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt Brand-Kit auf Logos.
- Fügen Sie im rechten Bereich Ihr neues Logo hinzu:
-
- Um ein vorhandenes Bild aus dem Datei-Tool als Logo hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
- Um ein neues Bild hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.
- Geben Sie im Feld Logoname einen Namen für das Logo ein. Hierbei handelt es sich um ein Pflichtfeld.
- Klicken Sie auf das Dropdown-Menü Logo-Domain und wählen Sie eine bestimmte Domain für das Logo aus, wenn Sie nicht die Standard-Domain verwenden möchten.
- Geben Sie im Feld Logo-ALT-Text eine Beschreibung Ihres Logos für Suchmaschinen und Bildschirmleseprogramme ein. Dies verbessert die Barrierefreiheit und die SEO Ihrer Website. Erfahren Sie in der HubSpot-Entwicklerdokumentation mehr über die Barrierefreiheit von Websites.
- Geben Sie im Feld Logo-URL eine URL ein, wenn Ihr Logo anklickbar sein soll.
- Um die Größe Ihres Logos zu ändern, geben Sie im Feld "Breite" oder "Höhe" eine neue Bemaßung ein. Das andere Feld wird automatisch angepasst, um die Proportionen des Bildes beizubehalten.
- Wenn Sie dieses Logo als Standardlogo festlegen möchten, aktivieren Sie das Kontrollkästchen Dieses Logo als Standardlogo festlegen .
- Um ein Logo zu löschen, klicken Sie auf Löschen.
- Um ein weiteres Logo hinzuzufügen, klicken Sie unten auf + Weiteres Logo hinzufügen.
-
- Wenn Sie mit der Bearbeitung Ihres Logos fertig sind, klicken Sie auf Aktualisieren.
Ihr Favicon hinzufügen oder bearbeiten
Auf dem Tab Markenübersicht können Sie das Favicon Ihrer Website anpassen, also das kleine Bild in einem Browserfenster neben dem Seitentitel. Ihr Favicon wird nur auf Inhalte angewendet, die auf HubSpot gehostet werden.
Bitte beachten: Sie können bis zu 20 Favicons pro Marke hinzufügen.
- Gehen Sie in Ihrem HubSpot-Account zu Content > Marke..
- Wenn Sie das Marken-Add-on verwenden, klicken Sie auf das Dropdown-Menü oben rechts und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt Brand-Kit auf Favicons.
- Fügen Sie im rechten Bereich Ihr neues Favicon hinzu:
- Um ein vorhandenes Bild aus dem Datei-Tool als Logo hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie dann auf das Bild.
- Um ein neues Bild hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.
- Geben Sie im Feld Favicon-Name einen Namen für das Favicon ein.
- Um die Favicon zum Standard zu machen, wählen Sie die Kontrollkästchen Dies zu meinem Standard-Favicon machen .
- Um ein weiteres Logo hinzuzufügen, klicken Sie auf + Weiteres Favicon hinzufügen .
- Um ein vorhandenes Bild zu löschen, klicken Sie auf Löschen.
- Wenn Sie mit der Bearbeitung Ihres Favicon fertig sind, klicken Sie auf Aktualisieren.
Ihre Markenfarben hinzufügen oder bearbeiten
Sie können Markenfarben auf der Registerkarte "Markenübersicht" festlegen, die im Content-Editor angezeigt wird, sowie Terminplanungsseiten, Angebote und Konversationen-Kanäle. Markenfarben werden in Vertriebs-Vorlagen und -E-Mails nicht angezeigt.
- Gehen Sie in Ihrem HubSpot-Account zu Content > Marke.
- Wenn Sie das Marken-Add-on verwenden, klicken Sie auf das Dropdown-Menü oben rechts und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt Marke-Kits auf Farben.
- Um Ihre Markenfarben festzulegen, gehen Sie im rechten Bereich folgendermaßen vor:
- Um Ihre Farben von einer URL zu importieren, klicken Sie auf Farben von URL importieren.
- Geben Sie im Dialogfeld die URL einer Seite ein, die Ihre Markenfarben verwendet, und klicken Sie dann auf Farben suchen.
- Ziehen Sie die gewünschten Farben per Drag-&-Drop neben die Farbe, der Sie sie zuweisen möchten. Ziehen Sie zum Beispiel #754262 in den Abschnitt Primäre Farbe .
- So geben Sie den Hexadezimalcode ein oder wählen Farben aus:
- Primäre Farbe: die für Ihre Marke verwendete Hauptfarbe. Geben Sie unter Primäre Farbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl, um eine Farbe auszuwählen.
- Sekundäre Farbe: die am zweithäufigsten verwendete Farbe in Ihrer Marke. Geben Sie unter Sekundäre Farbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus.
- Akzentfarben: Farben, die Ihre primären und sekundären Markenfarben ergänzen. Geben Sie unter Akzentfarbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl, um eine Farbe auszuwählen.
- Zusätzliche Farben: Diese Farben werden nicht automatisch verwendet, sind aber in Farbauswahlen verfügbar und in den Entwicklungstools kann auf sie verwiesen werden. Klicken Sie neben Zusätzliche Farben auf add Hinzufügen, geben Sie einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Um eine zusätzliche Farbe zu löschen, klicken Sie auf Löschen.
- Um Ihre Farben von einer URL zu importieren, klicken Sie auf Farben von URL importieren.
Bitte beachten:
Wenn Ihre Website auf eine Farbe verweist, die nicht in den Markeneinstellungen festgelegt ist, wird eine Fallback-Logik verwendet:- Als sekundäre Farbe wird standardmäßig die erste verfügbare zusätzliche Farbe gewählt.
- Die erste Akzentfarbe wird standardmäßig auf die zweite zusätzliche Farbe festgelegt.
- Die zweite Akzentfarbe wird standardmäßig auf die dritte zusätzliche Farbe festgelegt.
- Die dritte Akzentfarbe wird standardmäßig auf die vierte zusätzliche Farbe festgelegt.
- Wenn keine zusätzlichen Farben festgelegt sind, wird ein Standardfarbwert verwendet. Wenn keine Standardfarbe festgelegt ist, wird die primäre Farbe als Fallback verwendet.
Ihr Design ändern
Ein Design ist eine Reihe von Vorlagen, Modulen, globalen Inhalten und Stileinstellungen, die zum Erstellen einer Website verwendet werden können. Sie können Seiten und Beiträge, die ein Design verwenden, im Inhalte-Editor bearbeiten und in Ihren Blog-Einstellungen festlegen, dass Blog Vorlagen ein Design verwenden soll.
Alle Accounts haben Zugriff auf mindestens ein Standarddesign von HubSpot. Designs können auch vom HubSpot-Vorlagen-Marketplace heruntergeladen werden.
Bitte beachten: Wissensdatenbanken verwenden eine modifizierte Version der Designs. Erfahren Sie mehr über das Bearbeiten der Einstellungen für Wissensdatenbankdesigns.
So ändern Sie Ihr Design:
- Gehen Sie in Ihrem HubSpot-Account zu Content > Marke.
- Wenn Sie das Marken-Add-on verwenden, klicken Sie auf das Dropdown-Menü oben rechts und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt Brand-Kit auf Design.
-
- Wählen Sie Design festlegen oder Design ändern , um ein anderes Design auszuwählen.
- Ihre verfügbaren Designs werden angezeigt. Klicken Sie neben dem Design, das Sie für Ihre Marke verwenden möchten, auf Als aktives Design festlegen .
- Geben Sie in der Suchleiste einen Designnamen ein, um nach einem Design zu suchen.
- Wählen Sie Design festlegen oder Design ändern , um ein anderes Design auszuwählen.
-
-
- Klicken Sie auf Designs im Marketplace anzeigen, um weitere zum Download verfügbare Designs anzuzeigen.
- Wählen Sie Vorschau aus, um eine Vorschau Ihres Designs anzuzeigen.
- Wählen Sie Bearbeiten aus, um Ihre Designeinstellungen zu bearbeiten.
-
Schriftarten hinzufügen, bearbeiten oder löschen
Sie können primäre, sekundäre und benutzerdefinierte Schriftarten auf der Registerkarte Markenübersicht festlegen, die in Ihren Inhalten verwendet werden sollen.
Schriftarten hinzufügen
- Gehen Sie in Ihrem HubSpot-Account zu Content > Marke.
- Wenn Sie das Marken-Add-on verwenden, klicken Sie auf das Dropdown-Menü oben rechts und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt Brand-Kit auf Schriftarten.
-
- So legen Sie die Schriftart fest, die für den Haupttext verwendet werden soll:
- Klicken Sie unter Text auf das Dropdown-Menü Schriftart auswählen .
- Geben Sie den Namen der Schriftart in die Suchleiste ein oder wählen Sie die Schriftart in der Liste aus.
- So legen Sie die Schriftart fest, die für den Haupttext verwendet werden soll:
-
- So legen Sie die Schriftart fest, die für Überschriften und großen Text verwendet werden soll:
- Klicken Sie unter Primär auf das Dropdown-Menü Schriftart auswählen .
- Geben Sie den Namen der Schriftart in die Suchleiste ein oder wählen Sie die Schriftart in der Liste aus.
- So legen Sie die Schriftart fest, die für Überschriften und großen Text verwendet werden soll:
-
- So legen Sie eine benutzerdefinierte Schriftart fest, die in der Schriftartauswahl in Content-Editoren verfügbar ist:
- Klicken Sie unter Benutzerdefinierte Schriftarten auf + Benutzerdefinierte Schriftart hinzufügen.
- Geben Sie im Feld Name der Schriftart den Namen Ihrer Schriftart ein.
- Klicken Sie auf Schriftartdatei(en) auswählen.
- Wählen Sie die Schriftartdateien aus, die Sie von Ihrem Computer hochladen möchten. Unterstützte Dateiformate: TTF, OTF und WOFF.
- Klicken Sie auf + Weitere Dateien hochladen , um weitere Schriftartdateien hinzuzufügen.
- Klicken Sie auf Weiter.
- Verwenden Sie die Dropdown-Menüs , um einen entsprechenden Schriftstil auszuwählen.
- Klicken Sie auf + Weiteren Schriftartenstil hinzufügen , um weitere Stile hinzuzufügen.
- So legen Sie eine benutzerdefinierte Schriftart fest, die in der Schriftartauswahl in Content-Editoren verfügbar ist:
-
- Klicken Sie auf Aktualisieren.
- Sie können mehr als eine benutzerdefinierte Schriftart hinzufügen. Um einen weiteren hinzuzufügen, wiederholen Sie die Schritte .
Benutzerdefinierte Schriftarten bearbeiten oder löschen
So bearbeiten Sie benutzerdefinierte Schriftarten:
- Gehen Sie in Ihrem HubSpot-Account zu Content > Marke.
- Wenn Sie das Marken-Add-on verwenden, klicken Sie auf das Dropdown-Menü oben rechts und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt "Marke Kits " auf "Schriftarten".
-
- Klicken Sie unter Benutzerdefinierte Schriftarten neben der vorhandenen Schriftart auf Aktionen und wählen Sie dann Bearbeiten oder Löschen aus.
-
- Über die Dropdown-Menüs können Sie einen entsprechenden Schriftstil auswählen.
-
- Klicken Sie auf + Weiteren Schriftartenstil hinzufügen , um weitere Stile hinzuzufügen.
- Klicken Sie auf Aktualisieren.