- 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: 21 August 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.
Legen Sie in den Einstellungen Ihr Logo und Favicon, Ihre primären und sekundären Farben, Ihre Akzentfarben und zusätzlichen Marken, Ihr Design und Ihre Schriftarten fest. 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
In den Einstellungen Ihres Accounts 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 Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü 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 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.
- 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.
- Um ein weiteres Logo hinzuzufügen, klicken Sie unten im Abschnitt "Logos" auf "+ Hinzufügen".
- Um ein vorhandenes Bild zu löschen, klicken Sie auf das X in der Mitte des Bildes.
- Um das Standardlogo zu ändern, bewegen Sie den Mauszeiger über das Logo, das Sie als Standardlogo verwenden möchten, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie Als Standard festlegen aus.
- Um ein Logo zu löschen, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie dann Löschen aus.
- Wenn Sie mit der Bearbeitung Ihres Logos fertig sind, klicken Sie unten links auf Aktualisieren .
- Sie können ein Standardlogo für bestimmte Inhalte im Inhalte-Editor oder im Design-Manager außer Kraft setzen. Klicken Sie im Logo-Modul auf den Schalter Standardlogo überschreiben, um ihn zu aktivieren, und laden Sie dann ein Logo hoch.
Ihr Favicon hinzufügen oder bearbeiten
In den Account-Einstellungen können Sie das Favicon Ihrer Website, also das kleine Bild in einem Browserfenster neben dem Seitentitel, anpassen. 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 Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü 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 Ihr neues Favicon 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 Favicon-Name einen Namen für das Favicon ein. Hierbei handelt es sich um ein Pflichtfeld.
- Um ein weiteres Logo hinzuzufügen, klicken Sie unten im Abschnitt "Favicons " auf "+ Hinzufügen".
- Um ein vorhandenes Bild zu löschen, klicken Sie auf das X in der Mitte des Bildes.
- Um das Standard-Favicon zu ändern, bewegen Sie den Mauszeiger über das Favicon, das Sie als Standard verwenden möchten, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie Als Standard festlegen aus.
- Um ein Logo zu löschen, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie dann Löschen aus.
- Wenn Sie mit der Bearbeitung Ihres Favicons fertig sind, klicken Sie unten links auf Speichern.
Ihre Markenfarben hinzufügen oder bearbeiten
Sie können in Ihren Einstellungen Markenfarben festlegen, die im Content-Editor angezeigt werden, sowie Terminplanungsseiten, Angebote und Konversationskanäle. Markenfarben werden in Vertriebsvorlagen und -E-Mails nicht angezeigt.
- Gehen Sie in Ihrem HubSpot-Account zu Content-Marke > .
- Wenn Sie das Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt Marke-Kits auf Farben.
- So legen Sie Ihre Markenfarben fest:
- 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. Klicken Sie dann auf Speichern. Primäre Farbe ist ein Pflichtfeld.
- 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. Klicken Sie dann auf Speichern.
- Akzentfarben: Ergänzen Sie Ihre primären und sekundären Markenfarben. Geben Sie unter Akzentfarbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl, um eine Farbe auszuwählen. Klicken Sie dann auf Speichern. Sie können bis zu drei Akzentfarben hinzufügen.
- Zusätzliche 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. Klicken Sie anschließend auf Speichern. Sie können bis zu sechzehn zusätzliche Farben hinzufügen.
- Um eine zusätzliche Farbe zu löschen, klicken Sie neben der Farbe, die Sie entfernen möchten, auf Löschen delete und dann auf Speichern.
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.
- Sie können auch Farben von einer Live-Seite importieren, die bereits Ihre Markenfarben verwendet:
- 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.
- Deaktivieren Sie nach Abschluss des Scanvorgangs das Kontrollkästchen neben den Farben, die Sie nicht importieren möchten, und klicken Sie dann auf Importieren.
Schriftarten hinzufügen, bearbeiten oder löschen
Sie können in Ihren Einstellungen primäre, sekundäre und benutzerdefinierte Schriftarten festlegen, die in Ihren Inhalten verwendet werden. So legen Sie fest, fügen Schriftarten hinzu oder bearbeiten diese:
Schriftarten hinzufügen
- Gehen Sie in Ihrem HubSpot-Account zu Content-Marke > .
- Wenn Sie das Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt "Marke Kits " auf "Schriftarten".
- So legen Sie die Schriftart für den Textkörper fest:
- 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.
- Klicken Sie auf Aktualisieren.
- So legen Sie die Schriftart fest, die für Überschriften und großen Text verwendet wird:
- 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.
-
- Klicken Sie auf Aktualisieren.
- So legen Sie eine benutzerdefinierte Schriftart fest, die in der Schriftartauswahl in Inhalte-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.
-
- Klicken Sie auf Aktualisieren.
- Sie können mehr als eine benutzerdefinierte Schriftart hinzufügen. Um einen weiteren hinzuzufügen, wiederholen Sie die Schritte .
Schriftarten bearbeiten
So bearbeiten Sie vorhandene Schriftarten:
- Gehen Sie in Ihrem HubSpot-Account zu Content-Marke > .
- Wenn Sie das Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü und wählen Sie die Marke aus, für die Sie das Logo aktualisieren möchten.
- Klicken Sie im Abschnitt "Marke Kits " auf "Schriftarten".
- So bearbeiten Sie die Schriftart, die für den Textkörper verwendet werden soll:
- Klicken Sie unter Text auf das Dropdown-Menü.
- Geben Sie den Namen der Schriftart in die Suchleiste ein oder wählen Sie die Schriftart in der Liste aus.
-
- Klicken Sie auf Aktualisieren.
- So bearbeiten Sie die Schriftart, die für Überschriften und großen Text verwendet wird:
- Klicken Sie unter Primär auf das Dropdown-Menü.
-
- Geben Sie den Namen der Schriftart in die Suchleiste ein oder wählen Sie die Schriftart in der Liste aus.
-
- Klicken Sie auf Aktualisieren.
- So bearbeiten Sie eine benutzerdefinierte Schriftart:
-
- Klicken Sie unter Benutzerdefinierte Schriftarten neben der vorhandenen Schriftart auf Aktionen und wählen Sie dann Bearbeiten aus.

-
- Verwenden Sie die Dropdown-Menüs , um einen entsprechenden Schriftstil auszuwählen.
-
- Klicken Sie auf + Weiteren Schriftartenstil hinzufügen , um weitere Stile hinzuzufügen.
- Klicken Sie auf Aktualisieren.
Benutzerdefinierte Schriftarten löschen
So löschen Sie benutzerdefinierte Schriftarten:
- Gehen Sie in Ihrem HubSpot-Account zu Content-Marke > .
- Wenn Sie das Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü 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 Löschen aus.
- Klicken Sie im Dialogfeld auf Schriftart löschen.
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 Add-on für Marken verwenden, klicken Sie oben rechts auf das Dropdown-Menü 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 ändern aus, 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 .
- Klicken Sie auf Designs im Marketplace anzeigen, um weitere zum Download verfügbare Designs anzuzeigen.
- Wählen Sie Bearbeiten aus, um Ihre Designeinstellungen zu bearbeiten.
- Wählen Sie Vorschau aus, um eine Vorschau Ihres Designs anzuzeigen.
-