이 문서에서는 Google 클래스룸 이름, 로고, 아이콘을 사용하는 방법을 간략히 설명합니다. 더 궁금한 점이 있으면 보다 일반적인 Google 브랜드 사용 권한을 참고하세요.
아이콘 사용 가이드라인
클래스룸과 통합할 때는 항상 Google 로고 대신 클래스룸 아이콘을 사용하세요. Google 클래스룸 아이콘이 완전하고 선명하게 보여야 합니다. 'Google 클래스룸' 텍스트와 함께 또는 그 텍스트 없이 아이콘을 사용할 수 있습니다. 다른 로고와 함께 클래스룸 아이콘을 사용하는 경우 가독성을 위해 각 로고 사이에 적절한 간격을 두어야 합니다.
크기
클래스룸 아이콘은 32~96픽셀의 다양한 크기로 사용할 수 있습니다. 다양한 기기 및 화면 크기에 따라 아이콘의 크기를 조절할 수 있지만, 로고가 늘어나지 않도록 가로세로 비율은 유지해야 합니다.
Square 로고
원형 로고
클래스룸 설명
클래스룸 아이콘을 사용할 때는 전체 이름인 'Google 클래스룸' 또는 줄인 이름인 '클래스룸'을 포함할 수 있습니다.
버튼 예시:
패딩 예:
클래스룸 수업에 관해 이야기할 때는 다음 문구 중 하나를 사용하세요('수업'은 대문자로 표기하지 않음).
- Google 클래스룸 수업 (예: 'Google 클래스룸 수업에서 선택')
- 클래스룸 수업 (예: '클래스룸 수업 중에서 선택')
- Google 클래스룸을 통해 초대
- Google 클래스룸과 공유
- Google 클래스룸에 공유
다음 문구는 사용하지 마세요.
- Google 클래스룸
- Google 수업
- Google 클래스
- Google 수업
- Google 클래스룸 초대
자체 제품 또는 애플리케이션 설명
제품이 Google 클래스룸과 호환되는 경우 '용', '사용' 또는 '호환' 텍스트를 사용하여 Google 클래스룸을 언급하고 Google 상표와 함께 ™ 기호를 포함해야 합니다. 예: 'for Google Classroom™'
로고와 함께 Google 상표를 언급하는 경우 참조 텍스트의 크기는 로고보다 작아야 합니다.
스크린샷 사용
설명 또는 정보 제공 목적으로 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 클래스룸 아이콘을 포함합니다. 버튼의 글꼴을 변경하지 마세요.