Logo, Favicon, Farben, Design und Schriftarten von Ihrer Marke bearbeiten
Zuletzt aktualisiert am: 3 Juni 2025
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
|
Benutzer mit der Berechtigung Account Standardeinstellungen bearbeiten können das Logo, Favicon, Markenfarben, Designs und Schriftarten Ihres Marke in Ihrem Brand-Kit bearbeiten.
Bitte beachten: Sie können ein Brand-Kit pro Account erstellen. Wenn Sie über das Add-on für Marken verfügen, 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.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie in der linken Seitenleiste auf Markenidentität.
- 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 einen neuen Wert ein. Das andere Feld wird automatisch angepasst, um die Proportionen des Bildes beizubehalten.
- Um ein weiteres Logo hinzuzufügen, klicken Sie auf + Hinzufügen am unteren Rand des Abschnitts Logos.
- 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 Content-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.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie in der linken Seitenleiste auf Markenidentität.
- 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 im unteren Bereich der 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.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie in der linken Seitenleiste auf Markenidentität.
- 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 und 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.
Ihr Design ändern
Ein Design ist eine Reihe von Vorlagen, Modulen, globalen Inhalten und Stileinstellungen, die zur Erstellung einer Website verwendet werden können. Sie können Seiten und Beiträge, die ein Design verwenden, im Content-Editor bearbeiten und in Ihren Blogeinstellungen festlegen, dass Blogvorlagen ein Design verwenden.
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 Designeinstellungen der Wissensdatenbank.
So ändern Sie Ihr Design:
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie in der linken Seitenleiste auf Markenidentität.
- 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.
-