콘텐츠로 건너뛰기
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

브랜드의 로고, 파비콘, 브랜드 색상, 글꼴 및 테마 편집하기

마지막 업데이트 날짜: 2026년 6월 23일

명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.

브랜드 키트를 사용하여 HubSpot 계정의 브랜딩 자산을 관리하세요. 브랜드 키트에서 로고, 파비콘, 브랜드 색상, 테마 및 글꼴을 추가하거나 편집하여 HubSpot에서 호스팅하는 콘텐츠 및 지원되는 도구에서 일관된 브랜딩을 유지할 수 있습니다.

예를 들어 콘텐츠 편집기, 예약 페이지, 따옴표 및 대화 채널에 표시되는 기본 브랜드 색상을 설정할 수 있습니다. 브랜드 애드온을 사용하는 경우 각 브랜드에 대한 브랜드 키트를 만들고 관리할 수 있습니다.

브랜드 키트를 편집하여 AI 결과를 개선하는 방법에 대해 자세히 알아보세요.

브랜드 키트를 편집하려면 슈퍼 관리자 또는 계정 기본값 수정 권한이 필요합니다

로고 추가, 수정 또는 삭제

'브랜드 키트'탭에서 기본 로고를 편집하세요. 개별 콘텐츠에 대해 이 로고를 재정의할 수 있습니다. 

  1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 브랜드로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 브랜드로 이동하세요.
  2. '브랜드' 애드온을 사용 중이라면, 오른쪽상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트할 브랜드를선택하세요.
  3. '브랜드 키트' 탭에서 '로고 추가 +'를 클릭하세요.
  4. 오른쪽 패널에 새 로고를 추가하세요:
    • 파일 도구에서 기존 이미지를 로고로 추가하려면 이미지 찾아보기를 클릭합니다. 오른쪽 패널에서 이미지를 클릭합니다.
    • 새 이미지를 추가하려면 업로드를 클릭한 다음 컴퓨터에서 이미지를 추가합니다.
  5. 로고 이름 필드에 로고의 이름을 입력합니다. 이 필드는 필수 입력 사항입니다. 
  6. 로고 대체 텍스트 필드에 검색 엔진 및 화면 리더용 로고에 대한 설명을 입력합니다. 이렇게 하면 사이트의 접근성 및 SEO가 향상됩니다. 웹사이트 접근성에 대한 자세한 내용은 HubSpot의 개발자 문서에서 확인하세요.
  7. 로고를 클릭할 수 있게 하려면‘링크’ 필드에 URL을 입력하세요. 
  8. 이 로고를 기본값으로 설정하려면 ‘예’를 클릭하세요. 로고를 도메인에 할당하려면 ‘아니요’를 클릭하세요. 그런 다음 도메인 드롭다운 메뉴를 클릭하여 도메인을 선택하세요.
  9. 저장을 클릭합니다.
  10. 로고를 편집하거나 삭제하거나, 로고를 기본값으로 설정하려면 verticalMenuIcon세로 메뉴 아이콘을 클릭한 다음, ‘기본값으로 설정’,‘로고 편집’ 또는 ‘로고 삭제’를 클릭하세요.

파비콘 추가, 수정 또는 삭제

'브랜드 키트' 탭에서 웹사이트의 파비콘, 즉 브라우저 탭에서 페이지 제목 옆에 표시되는 작은 이미지를 맞춤 설정할 수 있습니다. 파비콘은 HubSpot에서 호스팅되는 콘텐츠에만 적용됩니다. 브랜드당 최대 20개의 파비콘을 추가할 수 있습니다.

  1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 브랜드로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 브랜드로 이동하세요.
  2. '브랜드' 애드온을 사용 중이라면, 오른쪽상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트할 브랜드를 선택하세요.

  3. '브랜드 키트' 탭에서 '파비콘 추가 +'를 클릭하세요. 
  4. 오른쪽 패널에서 새 파비콘을 추가합니다:
    • 파일 도구에서 기존 이미지를 로고로 추가하려면 이미지 찾아보기를 클릭합니다. 그런 다음 이미지를 클릭합니다. 
    • 새 이미지를 추가하려면 업로드를 클릭한 다음 컴퓨터에서 이미지를 추가합니다. 
  5. 파비콘 이름 필드에 파비콘의 이름을 입력합니다. 
  6. 파비콘을 기본값으로 설정하려면 ‘예’를 선택하세요. 도메인에 파비콘을 지정하려면 ‘아니요’를 클릭하세요 . 그런 다음 도메인 드롭다운 메뉴를 클릭하여 도메인을 선택하세요.
  7. 저장을 클릭합니다.
  8. 파비콘을 편집하거나 삭제하거나, 파비콘을 기본값으로 설정하려면 verticalMenuIcon세로 메뉴 아이콘을 클릭한 다음, ‘기본값으로 설정’,‘파비콘 편집’ 또는 ‘파비콘 삭제’를
    클릭하세요.


브랜드 색상 추가, 수정 또는 삭제

콘텐츠 편집기, 일정 관리 페이지, 견적서 및 대화 채널에 표시될 브랜드 색상을 ‘브랜드 키트’ 탭에서 설정하세요. 브랜드 색상은 판매 템플릿 및 이메일에 표시되지 않습니다.

  1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 브랜드로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 브랜드로 이동하세요.
  2. '브랜드' 애드온을 사용 중이라면, 오른쪽상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트할 브랜드를 선택하세요.
  3. '브랜드 키트 ' 탭에서 '색상 편집'을 클릭합니다.
  4. 브랜드 색상을 설정하려면 오른쪽 패널에서 다음과 같이 하세요:
    • URL에서 색상을 가져오려면 URL에서 색상 가져오기를 클릭합니다.
      • 대화 상자에서 브랜드 색상을 사용하는 페이지의 URL을 입력하고 색상 찾기를 클릭합니다. 
      • 사용하려는 색상을 할당하려는 색상 옆으로 끌어다 놓습니다. 예를 들어 #754262를 기본 색상 섹션으로 드래그합니다.

    • 16진수 코드를 입력하거나 색상을 선택합니다:
      • 기본 색상: 브랜드에 사용되는 기본 색상입니다. 기본 색상에서 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 
      • 보조 색상: 브랜드에서 두 번째로 많이 사용되는 색상입니다. 보조 색상에서 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다.
      • 강조 색상: 기본 및 보조 브랜드 색상을 보완하는 색상입니다. 강조 색상에서 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 
      • 추가 색상: 이러한 색상은 자동으로 사용되지는 않지만 색상 선택기에서 사용할 수 있으며 개발 도구에서 참조할 수 있습니다. 클릭 add 추가 색상 옆에 추가를 클릭하고 16진수 코드를 입력하거나 색상 선택기를 클릭한 후 색상을 선택합니다. 추가 색상을 삭제하려면 삭제를 클릭합니다.
  5. 저장을 클릭합니다.
  6. 브랜드 색상을 삭제하려면 색상 옆의 deleteIcon색상 옆에 있는 삭제 아이콘을 클릭하세요.

참고하세요:

사이트에서 브랜드 설정에 설정되지 않은 색상을 참조하는 경우 대체 로직을 사용합니다:
  • 보조 색상은 기본적으로 사용 가능한 첫 번째 추가 색상으로 설정됩니다.
  • 첫 번째 강조 색상은 기본적으로 두 번째 추가 색상으로 설정됩니다.
  • 두 번째 강조 색상은 기본적으로 세 번째 추가 색상으로 설정됩니다.
  • 세 번째 강조 색상은 기본적으로 네 번째 추가 색상으로 설정됩니다.
  • 추가 색상을 설정하지 않으면 기본 색상 값을 사용합니다. 기본 색상을 설정하지 않으면 기본 색상을 대체 색상으로 사용합니다.

글꼴 추가, 편집 또는 삭제

참고: 브랜드 설정에서 글꼴을 추가하면 HubSpot 콘텐츠 도구에서 사용할 수 있는 기본 글꼴이 설정됩니다. 사용자 정의 테마, 코딩된 템플릿 또는 사용자 정의 스타일시트를 사용하는 페이지의 경우, 템플릿이나 스타일시트에 해당 글꼴을 불러와야 할 수도 있습니다. Google Fonts의 경우, 해당 글꼴의 @import 문을 페이지에서 사용하는 스타일시트에 추가하십시오.

‘브랜드 키트’ 탭 에서 콘텐츠 전반에 걸쳐 사용될 기본, 보조 및 사용자 지정 글꼴을 설정하세요.

글꼴 추가

  1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 브랜드로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 브랜드로 이동하세요.
  2. '브랜드' 애드온을 사용 중이라면, 오른쪽상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택하세요.
  3. '브랜드 키트' 탭의 '글꼴' 섹션에서 변경하려는 글꼴 의 '편집'을 클릭합니다.
  4. 오른쪽 사이드바에서‘글꼴 ’ 드롭다운 메뉴를선택하세요 .
  5. 검색창에 글꼴 이름을 입력하거나 목록에서 글꼴을 선택합니다.
  6. 콘텐츠 편집기의 글꼴 선택기에서 사용할 수 있는 사용자 정의 글꼴을 설정하려면 ‘+ 사용자 정의 글꼴 추가’를 클릭하세요.
    • 글꼴 이름 필드에 글꼴의 이름을 입력합니다.
    • 글꼴 파일 선택을 클릭합니다.
    • 컴퓨터에서 업로드할 글꼴 파일을 선택합니다. 지원되는 파일 형식: TTF, OTF, WOFF.
    • 더 많은 글꼴 파일을 추가하려면 + 파일 업로드를 클릭합니다.
    • 다음을 클릭합니다.
    • 드롭다운 메뉴를 사용하여 해당 글꼴 스타일을 선택합니다.
    • 다른 글꼴 스타일을 추가하려면 + 다른 글꼴 스타일 추가를 클릭합니다.
  7. 저장을 클릭합니다.

사용자 지정 글꼴 편집 또는 삭제

사용자 지정 글꼴을 편집하려면

  1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 브랜드로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 브랜드로 이동하세요.
  2. '브랜드' 애드온을 사용 중이라면, 오른쪽상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트할 브랜드를 선택하세요.
  3. ‘브랜드 키트’ 탭의 ‘글꼴’ 섹션에서‘사용자 지정 글꼴’ 아래, 기존 글꼴 옆에 있는‘작업’을 클릭한 다음‘편집’ 또는 ‘삭제’를 선택합니다. 
    • 드롭다운 메뉴를 사용하여 해당 글꼴 스타일을 선택합니다.
    • 다른 글꼴 스타일을 추가하려면 + 다른 글꼴 스타일 추가를 클릭합니다.
    • 저장을 클릭합니다.

테마 변경

테마는 웹사이트를 제작하는 데 사용할 수 있는 템플릿, 모듈, 전역 콘텐츠 및 스타일 설정의 모음입니다. 콘텐츠 편집기에서 테마를 사용하여 페이지와 게시물을 편집하고, 블로그 설정에서 테마를 사용하도록 블로그 템플릿을 설정하세요 .

모든 계정은 하나 이상의 기본 HubSpot 테마에 액세스할 수 있습니다. 테마는 템플릿 마켓플레이스에서도 다운로드할 수 있습니다 .

참고: 지식창고에서는 수정된 버전의 테마를 사용합니다. 지식 기반 테마 설정 편집에 대해 자세히 알아보세요.

테마를 변경하려면 다음과 같이 하세요:

  1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 브랜드로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 브랜드로 이동하세요.
  2. '브랜드' 애드온을 사용 중이라면, 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트할 브랜드를 선택하세요.
  3. '브랜드 키트 ' 탭에서'테마 설정 ' 또는 '테마 변경'을 클릭하여 다른 테마를 선택하세요.
    • 사용 가능한 테마가 표시됩니다. 브랜드에 사용하려는 테마 옆의 활성 테마로 설정을 클릭합니다.
    • 검색창에 테마 이름을 입력하여 테마를 검색합니다.
    • 사용 가능한 테마가 표시됩니다. 브랜드에 사용하려는 테마 옆의 활성 테마로 설정을 클릭합니다.
    • 검색창에 테마 이름을 입력하여 테마를 검색합니다.
  4.   테마 설정을 수정하려면 ‘편집/미리보기’를 클릭하세요.
이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.