Zum Hauptinhalt
HubSpot Wissensdatenbank
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

Logo, Favicon, Markenfarben, Schriftarten und Design einer Marke bearbeiten

Zuletzt aktualisiert am: 23 Juni 2026

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Verwenden Sie Brand-Kits, um Branding-Elemente für einen HubSpot-Account zu verwalten. Fügen Sie in Ihrem Brand-Kit Ihr Logo, Favicon, Ihre Markenfarben, Ihr Thema und Ihre Schriftarten hinzu oder bearbeiten Sie diese, damit das Branding über alle von HubSpot gehosteten Inhalte und unterstützten Tools hinweg konsistent bleibt.

Sie können beispielsweise Standardmarkenfarben festlegen, die im Content-Editor, auf Terminplanungsseiten, in Angeboten und Konversationskanälen angezeigt werden. Mit dem Marken-Add-on können Sie für jede Marke ein Brand-Kit erstellen und verwalten.

Erfahren Sie mehr darüber, wie die Bearbeitung eines Brand-Kits die KI-Ergebnisse verbessert.

Super-Admins-Berechtigungen oder Berechtigungen zum Bearbeiten von Account-Einstellungen sind erforderlich, um Brand-Kits zu bearbeiten

Ein Logo hinzufügen, bearbeiten oder löschen

Bearbeiten Sie auf der Registerkarte Brand-Kit Ihr Standardlogo. Sie können dieses Logo für einzelne Inhalte außer Kraft setzen. 

  1. Klicken Sie in Ihrem HubSpot-Account auf Mehr und gehen Sie dann zu Marketing > Marke. Wenn Mehr nicht in Ihrem Account angezeigt wird, gehen Sie direkt zu Marketing > Marke.
  2. 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.
  3. Klicken Sie auf dem Tab Brand-Kit auf Logo + hinzufügen.
  4. 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.
  5. Geben Sie im Feld Logoname einen Namen für das Logo ein. Hierbei handelt es sich um ein Pflichtfeld. 
  6. 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.
  7. Geben Sie im Feld Link eine URL ein, wenn Ihr Logo anklickbar sein soll.
  8. Um dieses Logo zum Standardlogo zu machen, klicken Sie auf das Ja-Symbol. Um das Logo einer Domain zuzuweisen, klicken Sie auf Nein. Klicken Sie dann auf das Dropdown-Menü Domains , um eine Domain auszuwählen.
  9. Klicken Sie auf Speichern.
  10. Um ein Logo zu bearbeiten oder zu löschen oder ein Logo als Standard festzulegen, klicken Sie auf das verticalMenuIconvertikale Menü-Symbol und dann auf Als Standard festlegen, Logo bearbeiten oder Logo löschen.

Ein Favicon hinzufügen, bearbeiten oder löschen

Passen Sie auf der Registerkarte Brand-Kit das Favicon Ihrer Website an, also das kleine Bild in einem Browserfenster neben dem Seitentitel. Das Favicon wird nur auf auf Inhalte angewendet, die auf HubSpot gehostet werden. Sie können bis zu 20 Favicons pro Marke hinzufügen.

  1. Klicken Sie in Ihrem HubSpot-Account auf Mehr und gehen Sie dann zu Marketing > Marke. Wenn Mehr nicht in Ihrem Account angezeigt wird, gehen Sie direkt zu Marketing > Marke.
  2. 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.

  3. Klicken Sie auf dem Tab Brand-Kit auf Favicon + hinzufügen. 
  4. 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. 
  5. Geben Sie im Feld Favicon-Name einen Namen für das Favicon ein. 
  6. Um die Favicon zum Standardwert zu machen, wählen Sie Ja aus. Um das Favicon einer Domain zuzuweisen, klicken Sie auf Nein. Klicken Sie dann auf das Dropdown-Menü Domains , um eine Domain auszuwählen.
  7. Klicken Sie auf Speichern.
  8. Um ein Favicon zu bearbeiten oder zu löschen oder ein Favicon als Standard festzulegen, klicken Sie auf das verticalMenuIconvertikale Menü-Symbol und dann auf Als Standard festlegen, Favocon bearbeiten oder Favicon löschen
    .


Markenfarben hinzufügen, bearbeiten oder löschen

Legen Sie auf der Registerkarte Brand-Kit die Markenfarben fest, die im Content-Editor angezeigt werden, sowie Terminplanungsseiten, Angebote und Konversationen-Kanäle. Markenfarben werden in Vertriebs-Vorlagen und -E-Mails nicht angezeigt.

  1. Klicken Sie in Ihrem HubSpot-Account auf Mehr und gehen Sie dann zu Marketing > Marke. Wenn Mehr nicht in Ihrem Account angezeigt wird, gehen Sie direkt zu Marketing > Marke.
  2. 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.
  3. Klicken Sie auf dem Tab Brand-Kit auf Farben bearbeiten .
  4. 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.
  5. Klicken Sie auf „Speichern“.
  6. Um eine Markenfarbe zu löschen, klicken Sie auf das deleteIconPapierkorb-Symbol neben der Farbe.

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.

Schriftarten hinzufügen, bearbeiten oder löschen

Bitte beachten: Das Hinzufügen von Schriftarten in den Markeneinstellungen legt die Standardschriftarten fest, die für HubSpot-Content-Tools verfügbar sind. Bei Seiten, die benutzerdefinierte Designs, Code-Vorlagen oder benutzerdefinierte Stylesheets verwenden, müssen Sie die Schriftart möglicherweise auch in Ihre Vorlage oder Ihr Stylesheet laden. Fügen Sie für Google Fonts die @import-Anweisung der Schriftart zum Stylesheet hinzu, das von der Seite verwendet wird.

Legen Sie im Tab Brand-Kit primäre, sekundäre und benutzerdefinierte Schriftarten fest, die in Ihren Inhalten verwendet werden sollen.

Schriftarten hinzufügen

  1. Klicken Sie in Ihrem HubSpot-Account auf Mehr und gehen Sie dann zu Marketing > Marke. Wenn Mehr nicht in Ihrem Account angezeigt wird, gehen Sie direkt zu Marketing > Marke.
  2. 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.
  3. Klicken Sie auf der Registerkarte Brand-Kit im Abschnitt Schriftarten auf Bearbeiten für die Schriftart, die Sie ändern möchten
  4. Klicken Sie in der rechten Seitenleiste auf das Dropdown-Menü Schriftart auswählen .
  5. Geben Sie den Namen der Schriftart in die Suchleiste ein oder wählen Sie die Schriftart in der Liste aus.
  6. Um eine benutzerdefinierte Schriftart festzulegen, die in der Schriftartauswahl in Content-Editoren verfügbar ist, klicken Sie 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.
  7. Klicken Sie auf „Speichern“.

Benutzerdefinierte Schriftarten bearbeiten oder löschen

So bearbeiten Sie benutzerdefinierte Schriftarten:

  1. Klicken Sie in Ihrem HubSpot-Account auf Mehr und gehen Sie dann zu Marketing > Marke. Wenn Mehr nicht in Ihrem Account angezeigt wird, gehen Sie direkt zu Marketing > Marke.
  2. 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.
  3. Klicken Sie auf der Registerkarte Brand-Kit im Abschnitt Schriftarten 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 „Speichern“.

Ein Design ändern

Ein Design besteht aus Vorlagen, Modulen, globalem Content und Stileinstellungen, die zur Erstellung einer Website verwendet werden können. Bearbeiten Sie Seiten und Beiträge, die ein Design verwenden, im Content-Editor , und legen Sie Blog Vorlagen in Ihren Blog Einstellungen fest, dass ein Design verwendet wird.

Alle Accounts haben Zugriff auf mindestens ein Standarddesign von HubSpot. Designs können auch vom HubSpot-Marketplace für Vorlagen 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 ein Design:

  1. Klicken Sie in Ihrem HubSpot-Account auf Mehr und gehen Sie dann zu Marketing > Marke. Wenn Mehr nicht in Ihrem Account angezeigt wird, gehen Sie direkt zu Marketing > Marke.
  2. 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.
  3. Klicken Sie auf dem Tab Brand-Kit auf 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.
    • 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.
  4.  Klicken Sie auf "Bearbeiten/Vorschau ", um Ihre Designeinstellungen zu bearbeiten.
War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.

Verwandte Artikel

Inhalt /de/branding/edit-your-logo-favicon-and-brand-colors Menü

Verwandte Artikel

New to HubSpot? Use these guides to get started.