- Baza wiedzy
- Konto i ustawienia
- Branding
- Edytuj logo marki, favicon, kolory marki, czcionki i motyw
Edytuj logo marki, favicon, kolory marki, czcionki i motyw
Data ostatniej aktualizacji: 3 września 2026
Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:
Korzystaj z zestawów marki, aby w jednym miejscu zarządzać elementami identyfikacji wizualnej swojego konta HubSpot (tj. logo, favicon, kolorami marki, motywem i czcionkami). Spójny branding jest automatycznie stosowany we wszystkich treściach hostowanych przez HubSpot oraz w obsługiwanych narzędziach, takich jak edytor treści, strony planowania, wyceny oraz kanały komunikacji.
Dbając o aktualność zasobów marki i stylów, możesz zapewnić klientom bardziej spójne doświadczenie klienta oraz poprawić jakość treści generowanych przez sztuczną inteligencję. Jeśli posiadasz dodatek „Marki”, możesz tworzyć osobne zestawy dla każdej marki i zarządzać nimi.
Dowiedz się więcej o tym, jak edycja zestawu marki poprawia wyniki AI.
Do edycji zestawów marek wymagane są uprawnienia administratora o rozszerzonych uprawnieniach lub uprawnienia do edycji domyślnych ustawień konta
Dodaj, edytuj lub usuń logo
W zakładce „Zestaw marki” edytuj swoje domyślne logo. To logo można zastąpić dla poszczególnych elementów treści.
Uwaga: w przypadku łączy do spotkań i stron z harmonogramem logo jest określane w ustawieniach marki i nie można go zmienić w edytorze łączy do spotkań. Usunięcie lub zmiana tego logo spowoduje również jego usunięcie lub zmianę we wszystkich innych miejscach, w których jest ono używane; nie można usunąć go wyłącznie z łączy do spotkań.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , której logo chcesz zaktualizować.
- W zakładce „Zestaw marki ” kliknij opcję „Dodaj logo +”.
- W prawym panelu dodaj swoje nowe logo:
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij przycisk Przeglądaj obrazy. W prawym panelu kliknij obraz.
- Aby dodać nowy obraz, kliknij przycisk Prześlij, a następnie dodaj obraz z komputera.
- W polu Nazwa logo wprowadź nazwę logo. To pole jest wymagane.
- W polu Tekst alternatywny logo wprowadź opis logo dla wyszukiwarek i czytników ekranu. Zwiększa to dostępność Twojej witryny i poprawia jej pozycjonowanie w wyszukiwarkach (SEO). Dowiedz się więcej o dostępności witryny internetowej w dokumentacji deweloperskiej HubSpot.
- Wpolu „Link” wpisz adres URL , jeśli chcesz, aby logo było klikalne.
- Aby ustawić to logo jako domyślne, kliknij przycisk „Tak”. Aby przypisać logo do domeny, kliknij „Nie”. Następnie kliknij menu rozwijane domen , aby wybrać domenę.
- Kliknij przycisk Zapisz.
- Aby edytować lub usunąć logo albo ustawić je jako domyślne, kliknij verticalMenuIconikonę pionowego menu, a następnie kliknij opcję „Ustaw jako domyślne”,„Edytuj logo” lub „Usuń logo”.
Dodaj, edytuj lub usuń favicon
W zakładce „Zestaw marki ” dostosuj favicon swojej witryny internetowej – czyli małą ikonkę wyświetlaną w zakładce przeglądarki obok tytułu strony. Favicon będzie stosowany wyłącznie w przypadku treści przechowywanych na platformie HubSpot. Możesz dodać maksymalnie 20 faviconów dla każdej marki.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , której logo chcesz zaktualizować.
- W zakładce „Zestaw marki ” kliknij opcję „Dodaj favicon +”.
- W prawym panelu dodaj swój nowy favicon:
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij przycisk Przeglądaj obrazy. Następnie kliknij obraz.
- Aby dodać nowy obraz, kliknij przycisk Prześlij, a następnie dodaj obraz z komputera.
- W polu Favicon name wprowadź nazwę faviconu.
- Aby ustawić tę ikonę jako domyślną, wybierz opcję „Tak”. Aby przypisać faviconę do domeny, kliknij „Nie”. Następnie kliknij menu rozwijane domen , aby wybrać domenę.
- Kliknij przycisk Zapisz.
- Aby edytować lub usunąć faviconę albo ustawić ją jako domyślną, kliknij verticalMenuIconikonę pionowego menu, a następnie kliknij opcję „Ustaw jako domyślną”,„Edytuj favicon” lub „Usuń favicon”.
Dodaj, edytuj lub usuń kolory marki
W zakładce „Zestaw marki” , która pojawi się w edytorze treści, ustaw kolory marki, które będą widoczne na stronach planowania, w wycenach oraz w kanałach rozmów. Kolory marki nie będą pojawiać się w szablonach Sales i wiadomościach e-mail.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , której logo chcesz zaktualizować.
- W zakładce „Zestaw marki ” kliknij opcję „Edytuj kolory”.
- Aby ustawić kolory marki, w prawym panelu:
- Aby zaimportować kolory z adresu URL, kliknij przycisk Importuj kolory z adresu URL.
- W oknie dialogowym wprowadź adres URL strony z kolorami marki i kliknij przycisk Znajdź kolory.
- Przeciągnij i upuść kolory, których chcesz użyć, obok koloru, do którego chcesz je przypisać. Na przykład przeciągnij #754262 do sekcji Kolor podstawowy .
- Aby wprowadzić kod szesnastkowy lub wybrać kolory:
- Kolor podstawowy: główny kolor używany w marce. W sekcji Kolor podstawowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Kolor dodatkowy: drugi najczęściej używany kolor w Twojej marce. W polu„Kolor dodatkowy” wpiszkod szesnastkowy lub kliknij selektor kolorów i wybierz kolor.
- Kolory akcentujące: kolory, które uzupełniają podstawowe i drugorzędne kolory marki. W polu „Kolor akcentujący” wprowadź kod szesnastkowy lub kliknij narzędzie do wyboru koloru i wybierz kolor.
- Dodatkowe kolory: kolory te nie są stosowane automatycznie, ale są dostępne w selektorach kolorów i można się do nich odwoływać w narzędziach programistycznych. Kliknij add „Dodaj” obok pozycji „Dodatkowe kolory”, wprowadźkod szesnastkowy lub kliknij selektor kolorów i wybierz kolor. Aby usunąć dodatkowy kolor, kliknij przycisk Usuń.
- Aby zaimportować kolory z adresu URL, kliknij przycisk Importuj kolory z adresu URL.
- Kliknij przycisk Zapisz.
- Aby usunąć kolor marki, kliknij ikonę deleteIconikonę usunięcia obok koloru.
Uwaga:
Jeśli witryna odwołuje się do koloru, który nie jest ustawiony w ustawieniach marki, użyje logiki awaryjnej:- Kolor dodatkowy będzie domyślnie pierwszym dostępnym kolorem dodatkowym.
- Pierwszym kolorem akcentującym będzie domyślnie drugi kolor dodatkowy.
- Drugim kolorem akcentującym będzie domyślnie trzeci kolor dodatkowy.
- Trzeci kolor akcentujący zostanie domyślnie ustawiony na czwarty kolor dodatkowy.
- Jeśli nie zostaną ustawione żadne dodatkowe kolory, zostanie zastosowana domyślna wartość koloru. Jeśli nie ustawiono domyślnego koloru, jako alternatywę zostanie użyty kolor główny.
Dodawanie, edytowanie lub usuwanie czcionek
Uwaga: dodanie czcionek w ustawieniach marki powoduje ustawienie czcionek domyślnych dostępnych w narzędziach do tworzenia treści HubSpot. W przypadku stron korzystających z niestandardowych motywów, szablonów z kodem lub niestandardowych arkuszy stylów może być również konieczne załadowanie czcionki w szablonie lub arkuszu stylów. W przypadku czcionek Google Fonts należy dodać instrukcję @import dla danej czcionki do arkusza stylów używanego przez stronę.
W zakładce „Zestaw marki ” ustaw czcionki główne, dodatkowe i niestandardowe, które będą stosowane we wszystkich treściach.
Dodaj czcionki
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , której logo chcesz zaktualizować.
- W zakładce „Zestaw marki ”, w sekcji „Czcionki” , kliknij przycisk „Edytuj” obok czcionki, którą chcesz zmienić
- W prawym pasku bocznymwybierz menu rozwijane„Wybierz czcionkę ”.
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
- Aby ustawić czcionkę niestandardową, która będzie dostępna w selektorze czcionek w edytorach treści, kliknij „+ Dodaj czcionkę niestandardową”.
- W polu Nazwa czcionki wprowadź nazwę czcionki.
- Kliknij Wybierz pliki czcionek.
- Wybierz pliki czcionek do przesłania z komputera. Obsługiwane formaty plików: TTF, OTF i WOFF.
- Kliknij + Prześlij więcej plików , aby dodać więcej plików czcionek.
- Kliknij przycisk Dalej.
- Użyj menu rozwijanych , aby wybrać odpowiedni styl czcionki.
- Kliknij + Dodaj inny styl czcionki , aby dodać dodatkowe style.
- Kliknij przycisk Zapisz.
Edytowanie lub usuwanie niestandardowych czcionek
Aby edytować czcionki niestandardowe:
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , której logo chcesz zaktualizować.
- W zakładce „Zestaw marki ” w sekcji „Czcionki”, w części„Czcionki niestandardowe”, obok istniejącej czcionki kliknijopcję „Działania”, a następnie wybierz opcję„Edytuj” lub „Usuń”.
-
- Użyj rozwijanych menu , aby wybrać odpowiedni styl czcionki.
- Kliknij + Dodaj inny styl czcionki , aby dodać dodatkowe style.
- Kliknij przycisk Zapisz.
Zmiana motywu
Szablon to zbiór szablonów, modułów, treści globalnych oraz ustawień stylistycznych wykorzystywanych do tworzenia witryn internetowych. Edytuj strony i wpisy przy użyciu motywu w edytorze treści oraz skonfiguruj szablony bloga tak, aby korzystały z motywu w ustawieniach bloga.
Wszystkie konta mają dostęp do co najmniej jednego domyślnego motywu HubSpot. Motywy można również pobrać z szablonu centrum zasobów.
Uwaga: bazy wiedzy korzystają ze zmodyfikowanej wersji motywów. Dowiedz się więcej o edycji ustawień motywu Bazy wiedzy.
Aby zmienić motyw:
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknij menu rozwijane w prawym górnym rogu i wybierz markę , której logo chcesz zaktualizować.
- W zakładce „Zestaw marki ” kliknij opcję„Ustaw motyw ” lub „Zmień motyw” , aby wybrać inny motyw.
- Wyświetlone zostaną dostępne motywy. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz używać dla swojej marki.
- Wprowadź nazwę motywu na pasku wyszukiwania, aby wyszukać motyw.
- Wyświetlone zostaną dostępne motywy. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz używać dla swojej marki.
- Wprowadź nazwę motywu na pasku wyszukiwania, aby wyszukać motyw.
- Kliknij „Edytuj / Podgląd” , aby edytować ustawienia motywu.