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

계정 기본값 수정 권한이 있는 사용자는 브랜드 키트에서 브랜드의 로고, 파비콘, 브랜드 색상, 테마 및 글꼴을 편집할 수 있습니다.

참고: 계정당 하나의 브랜드 키트를 만들 수 있습니다. 브랜드 애드온을 사용하는 경우 브랜드당 하나의 브랜드 키트를 만들 수 있습니다.

로고 추가 또는 편집

계정 설정에서 기본 로고를 수정할 수 있습니다. 개별 콘텐츠에 대해 이 로고를 재정의할 수 있습니다.

• HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
• 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
• 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

• 브랜드 키트 섹션에서 로고를 클릭합니다.
• 새 로고를 추가합니다:
  
  • 파일 도구에서 기존 이미지를 로고로 추가하려면 이미지 찾아보기를 클릭합니다. 오른쪽 패널에서 이미지를 클릭합니다.
  • 새 이미지를 추가하려면 업로드를 클릭한 다음 컴퓨터에서 이미지를 추가합니다.
• 로고 이름 필드에 로고의 이름을 입력합니다. 이 필드는 필수 입력 사항입니다.
• 로고 대체 텍스트 필드에 검색 엔진 및 화면 리더용 로고에 대한 설명을 입력합니다. 이렇게 하면 사이트의 접근성과 SEO가 향상됩니다. 웹사이트 접근성에 대한 자세한 내용은 HubSpot의 개발자 문서를 참조하세요.
• 로고를 클릭할 수 있게 하려면 로고 URL 필드에 URL을 입력합니다.
• To resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
• 다른 로고를 추가하려면 로고 섹션 하단의 + 추가를 클릭합니다.
• 기존 이미지를 삭제하려면 이미지 중앙의 X를 클릭합니다.

• 기본 로고를 변경하려면 기본값으로 사용하려는 로고 위에 마우스를 갖다 대고 작업 드롭다운 메뉴를 클릭한 다음 기본값으로 만들기를 선택합니다.
• 로고를 삭제하려면 작업 드롭다운 메뉴를 클릭한 다음 삭제를 선택합니다.

• <로고 수정을 마쳤으면 왼쪽 하단의 <strong>업데이트 </strong>를 클릭합니다. </span></li> <li>특정 콘텐츠에 대한 기본 로고를 <a href="https://knowledge.hubspot.com/ko/웹사이트 및 랜딩 페이지/페이지 만들기 및 사용자 지정 페이지" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">콘텐츠 편집기</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: 투명;"> 또는 </span><a href="/design-manager/create-and-edit-modules" rel="noopener" style="font-family: 'Lexend Deca, Helvetica, Arial, sans-serif;" target="_blank">디자인 관리자</a><span style="font-family: 'Lexend Deca, Helvetica, Arial, sans-serif; background-color: 투명;">를 클릭하세요. </span><span style="font-style: 이탤릭체;">로고 </span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: 투명;"> 모듈에서 클릭하여 </span><strong style="background-color: 투명;">기본 로고 재정의</strong><span style="font-family>를 토글할 수 있습니다: 'Lexend Deca', Helvetica, Arial, sans-serif; 배경색: 투명;"> 스위치를 켠 다음 </span><span style="font-weight: 굵게;">로고</span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: 투명;">를 업로드합니다. </span></li> </ul>

  

  파비콘 추가 또는 편집

  계정 설정에서 페이지 제목 옆의 브라우저 탭에 있는 작은 이미지인 웹사이트의 파비콘을 사용자 지정할 수 있습니다. 파비콘은 HubSpot에서 호스팅되는 콘텐츠에만 적용됩니다.

  참고: 브랜드당 최대 20개의 파비콘을 추가할 수 있습니다.

  • HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
  • 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
  • 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

  

  • 브랜드 키트 섹션에서 파비콘을 클릭합니다.
  • 새 파비콘을 추가합니다:
    
    • 파일 도구에서 기존 이미지를 로고로 추가하려면 이미지 찾아보기를 클릭합니다. 오른쪽 패널에서 이미지를 클릭합니다.
    • 새 이미지를 추가하려면 업로드를 클릭한 다음 컴퓨터에서 이미지를 추가합니다.
  • 파비콘 이름 필드에 파비콘의 이름을 입력합니다. 이 필드는 필수 입력 사항입니다.
  • <span itemprop="name headline\">다른 로고를 추가하려면 </span>파비콘<em> </em> 섹션 하단의 <strong>+ 추가 </strong>를 클릭합니다.</li> <li>기존 이미지를 삭제하려면 이미지 중앙에 있는 <strong>X</strong>를 클릭합니다.</li> </ul>

    

    • 기본 파비콘을 변경하려면 기본값으로 사용하려는 파비콘 위로 마우스를 가져가 작업 드롭다운 메뉴를 클릭한 다음 기본값으로 만들기를 선택합니다.
    • 로고를 삭제하려면 작업 드롭다운 메뉴를 클릭한 다음 삭제를 선택합니다.

    

    • 파비콘 편집이 끝나면 왼쪽 하단의 저장을 클릭합니다.

    브랜드 색상 추가 또는 편집

    설정에서 콘텐츠 편집기는 물론 예약 페이지, 견적 및 대화 채널에 표시되는 브랜드 색상을 설정할 수 있습니다. 브랜드 색상은 판매 템플릿 및 이메일에는 표시되지 않습니다.

    • HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
    • 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
    • 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

    

    • 브랜드 키트 섹션에서 색상을 클릭합니다.
    • 브랜드 색상을 설정합니다:
      
      • 기본 색상: 브랜드에 사용되는 기본 색상입니다. 기본 색상 아래에서 16진수 코드를 입력하거나 색상 선택기를 클릭하여 색상을 선택합니다. 그런 다음 저장을 클릭합니다. 기본 색 상은 필수 입력란입니다.
      • 보조 색상: 브랜드에서 두 번째로 많이 사용되는 색상입니다. 보조 색상 아래에 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다.
      • 강조 색상: 기본 및 보조 브랜드 색상을 보완합니다. 강조 색상에서 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다. 강조 색상은 최대 3개까지 추가할 수 있습니다.
      • 추가 색상: 자동으로 사용되지는 않지만 색상 선택기에서 사용할 수 있으며 개발 도구에서 참조할 수 있습니다. 추가 색상 옆에 있는 add 추가를 클릭하고 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다. 최대 16개의 색상을 추가할 수 있습니다.
        • 추가 색상을 삭제하려면 제거하려는 색상 옆의 delete 삭제를 클릭한 다음 저장을 클릭합니다.

    

    참고하세요:

    사이트에서 브랜드 설정에 설정되지 않은 색상을 참조하는 경우 대체 로직이 사용됩니다:
    

    • 보조 색상은 기본적으로 사용 가능한 첫 번째 추가 색상으로 설정됩니다.
    • 첫 번째 강조 색상은 기본적으로 두 번째 추가 색상으로 설정됩니다.
    • 두 번째 강조 색상은 기본적으로 세 번째 추가 색상으로 설정됩니다.
    • 세 번째 강조 색상은 기본적으로 네 번째 추가 색상이 사용됩니다.
    • 추가 색상을 설정하지 않으면 기본 색상 값을 사용합니다. 기본 색상이 설정되어 있지 않으면 기본 색상이 대체 색상으로 사용됩니다.
    • 이미 브랜드 색상을 사용하고 있는 라이브 페이지에서 색상을 가져올 수도 있습니다:
      • URL에서 색상 가져오기를 클릭합니다.
      • 대화 상자에서 브랜드 색상을 사용하는 페이지의 URL을 입력하고 색상 찾기를 클릭합니다.
      • 스캔이 완료되면 가져오지 않으려는 색상 옆의 확인란을 선택 취소한 다음 가져오기를 클릭합니다.

    

    글꼴 추가, 편집 또는 삭제

    설정에서 콘텐츠 전체에 사용할 기본 글꼴, 보조 글꼴 및 사용자 정의 글꼴을 설정할 수 있습니다. 글꼴 추가 또는 편집을 설정하려면 다음과 같이 하세요:

    글꼴 추가

    • HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
    • 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
    • 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

    

    • 브랜드 키트 섹션에서 글꼴을 클릭합니다.
    • 본문 텍스트에 사용할 글꼴을 설정합니다:
      • 본문 아래에서 글꼴 선택 드롭다운 메뉴를 클릭합니다.
      • 검색창에 글꼴 이름을 입력하거나 목록에서 글꼴을 선택합니다.
      • 업데이트를 클릭합니다.
    • 제목과 큰 텍스트에 사용할 글꼴을 설정합니다:
      • 기본 아래에서 글꼴 선택 드롭다운 메뉴를 클릭합니다.
      • 검색창에 글꼴 이름을 입력하거나 목록에서 글꼴을 선택합니다.
    • • 업데이트를 클릭합니다.
    • 콘텐츠 편집기의 글꼴 선택기에서 사용할 수 있는 사용자 정의 글꼴을 설정하려면 다음과 같이 하세요:
      • 사용자 정의 글꼴에서 + 사용자 정의 글꼴 추가를 클릭합니다.
      • 글꼴 이름 필드에 글꼴 이름을 입력합니다.
      • 글꼴 파일 선택을 클릭합니다.
      • 컴퓨터에서 업로드할 글꼴 파일을 선택합니다. 지원되는 파일 형식 TTF, OTF 및 WOFF.
      • 더 많은 파일 업로드를 클릭하여 글꼴 파일을 더 추가합니다.
      
      • 다음을 클릭합니다.
      • 드롭다운 메뉴를 사용하여 해당 글꼴 스타일을 선택합니다.

    

    • • 다른 글꼴 스타일을 추가하려면 + 다른 글꼴 스타일 추가를 클릭합니다.
    • • 업데이트를 클릭합니다.
      • 사용자 정의 글꼴을 두 개 이상 추가할 수 있습니다. 다른 글꼴을 추가하려면 단계를 다시 진행하세요.

    글꼴 편집

    기존 글꼴을 편집하려면

    • HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
    • 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
    • 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

    

    • 브랜드 키트 섹션에서 글꼴을 클릭합니다.
    • 본문 텍스트에 사용할 글꼴을 편집합니다:
      • 본문 아래에서 드롭다운 메뉴를 클릭합니다.
      • 검색창에 글꼴 이름을 입력하거나 목록에서 글꼴을 선택합니다.
    • • 업데이트를 클릭합니다.
    • 제목과 큰 텍스트에 사용할 글꼴을 편집하려면 다음과 같이 하세요:
      • 기본 아래에서 드롭다운 메뉴를 클릭합니다.
    • • 검색창에 글꼴 이름을 입력하거나 목록에서 글꼴을 선택합니다.
    • • 업데이트를 클릭합니다.
    • 사용자 지정 글꼴을 편집하려면
    • • 사용자 정의 글꼴에서 기존 글꼴 옆의 작업을 클릭한 다음 편집을 선택합니다.
    
    • • 드롭다운 메뉴를 사용하여 해당 글꼴 스타일을 선택합니다.

    

    • • 다른 글꼴 스타일 추가를 클릭하여 스타일을 추가합니다.
      • 업데이트를 클릭합니다.

    사용자 지정 글꼴 삭제

    사용자 지정 글꼴을 삭제하려면

    • HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
    • 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
    • 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

    

    • 브랜드 키트 섹션에서 글꼴을 클릭합니다.
    • 사용자 정의 글꼴에서 기존 글꼴 옆의 작업을 클릭한 다음 삭제를 선택합니다.

    

    • 대화 상자에서 글꼴 삭제를 클릭합니다.

    테마 변경

    테마는 웹사이트를 만드는 데 사용할 수 있는 템플릿, 모듈, 글로벌 콘텐츠 및 스타일 설정의 집합입니다. 콘텐츠 편집기에서 테마를 사용하여 페이지와 글을 편집하고 블로그 설정에서 테마를 사용하도록 블로그 템플릿을 설정할 수 있습니다.

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

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

    테마를 변경하려면

    • HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
    • 왼쪽 사이드바 메뉴에서 브랜드 아이덴티티를 클릭합니다.
    • 브랜드 부가 기능을 사용하는 경우 오른쪽 상단의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

    

    • 브랜드 키트 섹션에서 테마를 클릭합니다.
    • 테마 변경을 선택하여 다른 테마를 선택합니다.
      • • 사용 가능한 테마가 표시됩니다. 브랜드에 사용하려는 테마 옆의 활성 테마로 설정을 클릭합니다.
        • 마켓플레이스에서 테마 보기를 클릭하여 다운로드할 수 있는 다른 테마를 확인합니다.
      • 편집을 선택하여 테마 설정을 편집합니다.
      • 미리 보기를 선택하여 테마가 어떻게 표시되는지 미리 봅니다.
    Branding Website Pages Account Management