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

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

아이콘 사용 가이드라인

클래스룸과 통합할 때는 항상 Google 로고가 아닌 클래스룸 아이콘을 사용하세요. Google 클래스룸 아이콘이 완전하고 선명하게 표시되어야 합니다. 함께 제공되는 텍스트인 'Google 클래스룸'의 유무에 관계없이 아이콘을 사용할 수 있습니다. 클래스룸 아이콘을 다른 로고와 함께 사용하는 경우 각 로고의 간격이 적절한지 확인하세요.

크기

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

정사각형 클래스룸 로고

정사각형 로고 다운로드

Round Classroom 로고

원형 로고 다운로드

클래스룸 설명

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

버튼 예:

버튼 예

패딩 예:

패딩 예

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

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

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

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

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

제품이 Google 클래스룸과 호환되는 경우 '용', '사용용', '호환'을 사용하여 Google 클래스룸을 언급하고 Google 상표가 있는 TM 기호를 포함해야 합니다. 예: "Google ClassroomTM용"

로고의 예

로고와 함께 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 클래스룸 아이콘을 포함하세요 버튼의 글꼴을 변경하지 마세요.