Google 클래스룸 브랜드 가이드라인

이 문서에서는 Google 클래스룸 이름, 로고, 아이콘 사용 방법을 설명합니다. 더 궁금한 점이 있으면 보다 일반적인 Google 브랜드 사용 권한을 참고하세요.

아이콘 사용 가이드라인

클래스룸과 통합할 때는 항상 Google 로고가 아닌 클래스룸 아이콘을 사용하세요. Google 클래스룸 아이콘이 완전하고 선명하게 보여야 합니다. 이 아이콘은 'Google 클래스룸'이라는 텍스트와 함께 또는 텍스트 없이 사용할 수 있습니다. 클래스룸 아이콘을 다른 로고와 함께 사용하는 경우 각 로고에 적절한 간격을 두고 가독성을 높이세요.

크기

클래스룸 아이콘은 32~96픽셀의 다양한 크기로 사용할 수 있습니다. 다양한 기기와 화면 크기에 맞게 아이콘의 크기를 조정할 수 있지만 로고가 늘어나지 않도록 가로세로 비율을 유지해야 합니다.

정사각형 클래스룸 로고

정사각형 로고 다운로드하기

원형 클래스룸 로고

원형 로고 다운로드하기

클래스룸 설명

클래스룸 아이콘을 사용할 때 전체 이름인 'Google 클래스룸' 또는 짧은 버전인 '클래스룸'을 포함할 수 있습니다.

버튼 예:

버튼 예시

패딩 예시:

패딩 예

클래스룸 수업에 관해 이야기할 때는 다음 문구 중 하나를 사용하세요. 'classes'는 대문자로 표기하지 않습니다.

  • Google 클래스룸 수업 (예: 'Google 클래스룸 수업에서 선택')
  • 클래스룸 수업 (예: '내 클래스룸 수업에서 선택')
  • Google 클래스룸을 통해 초대
  • Google 클래스룸과 공유
  • Google 클래스룸에 공유

다음과 같은 문구는 사용하지 마세요.

  • Google 클래스룸
  • Google 수업
  • Google 수업
  • Google 수업
  • Google 클래스룸 초대

자체 제품 또는 애플리케이션 설명

제품이 Google 클래스룸과 호환되는 경우 'for', 'for use', or 'compatible'(호환 가능)라는 텍스트를 사용하여 Google 클래스룸을 언급하고 Google 상표가 포함된 TM 기호를 포함해야 합니다. 예: 'Google 클래스룸TM용'

로고의 예

로고와 함께 Google 상표를 언급하는 경우 참조 텍스트의 크기는 로고보다 작아야 합니다.

로고의 예

스크린샷 사용

설명 또는 정보 제공 목적으로 Google 서비스의 변경되지 않은 표준 스크린샷을 사용할 수 있습니다. 자세한 내용은 일반 Google 브랜드 사용 권한을 참고하세요.

적절한 저작자 표시

애플리케이션 제목이나 설명에 이러한 상표를 사용한 경우 Google에 적절하게 저작자를 표시해야 합니다. 예: Google 클래스룸은 Google Inc.의 상표입니다. 이 상표를 사용하려면 Google 브랜드 사용 권한을 받아야 합니다.

글꼴

TrueType 글꼴인 Roboto Bold를 사용합니다.

설치하려면 Roboto 글꼴을 다운로드하고 다운로드 번들의 압축을 풉니다.

  • Mac의 경우 Roboto-Bold.ttf를 더블클릭한 다음 '서체 설치'를 클릭합니다.
  • Windows의 경우 파일을 '내 컴퓨터' > 'Windows' > 'Fonts' 폴더로 드래그합니다.

색상

색상 및 아이콘의 예

  • 기본 아이콘
    • Google 클래스룸 아이콘의 녹색은 #25A667입니다.
    • Google 클래스룸 아이콘의 노란색은 #F6BB18입니다.
    • Google 클래스룸 아이콘의 흰색은 #FFFFFF입니다.
    • Google 클래스룸 아이콘에서 왼쪽과 오른쪽 사용자의 녹색 보조 색상은 #57BB8A입니다.
  • 어두운 아이콘
    • Google 클래스룸 아이콘의 검은색은 #000000입니다.
    • Google 클래스룸 아이콘의 흰색은 #FFFFFF입니다.
    • Google 클래스룸 아이콘에서 왼쪽과 오른쪽 사용자의 회색 보조 색상은 #57BB8A입니다.
  • 표시등 아이콘
    • Google 클래스룸 아이콘의 녹색은 #25A667입니다.
    • Google 클래스룸 아이콘의 노란색은 #F6BB18입니다.
    • Google 클래스룸 아이콘에서 왼쪽과 오른쪽 사용자의 녹색 보조 색상은 #57BB8A입니다.

마우스 오버 상태

마우스를 가져가면 아이콘이 20% 검은색으로 음영 처리됩니다.

마우스 오버 상태의 예

잘못된 로고 디자인

  • 아이콘에 지정된 두 가지 이외의 색상은 사용하지 마세요.
  • Google 클래스룸을 나타내는 Google 아이콘을 사용하지 마세요.
  • 버튼에 사용할 아이콘을 직접 만들지 마세요.
  • Google 클래스룸 아이콘 없이 버튼에 'Google'이라는 용어만 사용하지 마세요.
  • 잘못된 Google 클래스룸 버튼 디자인의 예:

잘못된 사용 예

버튼에 컬러 Google 로고를 사용하지 마세요. 항상 버튼 왼쪽에 Google 클래스룸 아이콘을 포함하세요. 버튼의 글꼴을 변경하지 마세요.