로그인 브랜드 가이드라인

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

기본 profile 또는 email 범위로 Google 로그인을 사용하고 모바일 또는 웹 앱에 다음 표준 버튼을 통합합니다.

스타일 버튼 이미지 파일
밝게

PNG, SVG, EPS, Sketch 형식의 로그인 버튼이 다양한 해상도로 제공됩니다. 기본, 마우스 오버, 누르기 상태가 포함됩니다.

어둡게

Sketch, SVG, EPS 파일은 다운로드에 포함되어 있어 'Sign in with' 또는 'Sign In with' 텍스트를 번역할 수 있습니다. 이러한 파일에는 Roboto 글꼴이 필요합니다.

추가 범위를 요청하는 경우, 단계적 승인을 사용하여(Android, iOS, ) API 액세스가 필요한 기능과 상호작용을 시작할 때만 사용자에게 승인을 요청합니다.

YouTube 범위를 요청하는 경우 YouTube 버튼을 사용하세요.

Google Play 게임즈 서비스를 사용하는 경우 Google Play 게임즈 서비스 브랜드 가이드라인도 참조하세요.

Google 로그인 및 기타 타사 로그인 옵션

동등한 가시도

Google 로그인 버튼은 다른 타사 로그인 옵션만큼 눈에 띄도록 표시해야 합니다. 예를 들어 버튼의 크기가 거의 같고 시각적 가중치가 비슷해야 합니다.

앱 스타일 맞추기

Google 사용자가 Google 옵션을 더 빠르게 식별할 수 있으므로 표준 Google 로그인 버튼을 사용하는 것이 좋습니다. 앱 디자인에 맞게 버튼을 조정하거나 '다음 계정으로 로그인' 또는 '로그인' 텍스트를 번역해야 한다면 다음 가이드라인을 따르세요.

크기

다양한 기기 및 화면 크기에 맞게 버튼의 크기를 조절할 수 있지만, Google 로고가 늘어나지 않도록 가로세로 비율은 유지해야 합니다.

텍스트

사용자가 버튼을 클릭하도록 유도하려면 클릭 유도 문구 텍스트인 'Google 계정으로 로그인' 또는 'Google 계정으로 가입'을 사용하는 것이 좋습니다. 사용자가 앱에서 Google 계정을 등록하거나 등록하지 않고 Google 사용자 인증 정보로 앱에 로그인하거나 가입한다는 사실을 명확하게 나타내야 합니다.

"Google

작업이 무엇인지 명확하게 알려주는 인접 텍스트가 있는 경우 버튼 자체에 'Google'을 사용할 수 있습니다. 예를 들면 다음과 같습니다.

다음 계정으로 로그인:

색상

파란색 배경의 Google 로그인 버튼 흰색 배경의 Google 로그인 버튼

누르지 않은 밝은색 버튼의 색상은 #FFFFFF (흰색)입니다. 누르지 않은 어두운 버튼 (파란색)의 색상은 #4285F4입니다. 버튼 배경은 파란색 또는 흰색일 수 있지만 버튼은 흰색 타일에 Google 표준 색을 항상 포함해야 합니다.

글꼴

버튼 글꼴은 TrueType 글꼴인 Roboto Medium입니다. 설치하려면 먼저 Roboto 글꼴을 다운로드하고 다운로드 번들의 압축을 풉니다. Mac의 경우 Roboto-Medium.ttf를 더블클릭한 후 '글꼴 설치'를 클릭합니다. Windows에서 파일을 '내 컴퓨터', 'Windows' 폴더로 드래그합니다. 버튼에 다른 글꼴을 사용하지 마세요. 단, 자체 앱 스타일과 일치하는 상황은 예외입니다.

맞춤 로그인 버튼을 사용하는 웹사이트의 경우 Google Fonts에서 Roboto 글꼴을 로드할 수 있습니다.

패딩

텍스트 왼쪽 (오른쪽)의 패딩은 8dp여야 합니다. 로고는 18dp여야 하며 로고와 버튼 텍스트 사이에는 24dp가 있어야 합니다.

텍스트 주위에 패딩을 비롯한 버튼 요소의 크기를 보여줍니다.

'Google 계정으로 로그인' 버튼의 Google 로고

텍스트와 관계없이 Google &G 로고의 크기나 색상은 변경할 수 없습니다. 표준 색상 버전이어야 하며 흰색 배경에 표시되어야 합니다. 자체 맞춤 크기 Google 로고를 만들어야 하는 경우 다운로드 번들에 포함된 로고 크기 중 하나로 시작합니다.

잘못된 버튼 디자인

버튼 경계나 텍스트 없이 사용자 작업을 나타내는 Google 아이콘이나 로고를 단독으로 사용하지 마세요.
Google 로그인을 나타내기 위해 Google 아이콘만 사용하면 안 됩니다.
어두운 색상의 밝은 색상의 Google "G&quot를 사용하지 마세요.
표준 색상은 색이 있는 배경에 Google ',' 아이콘을 사용하지 마세요.
버튼에 사용할 아이콘을 직접 만들지 마세요.
함께 제공되는 Google 아이콘이 없으면 버튼에 'Google'이라는 용어만 사용하면 안 됩니다.

Google의 사전 서면 동의 없이 이 문서에서 명시하지 않은 방식으로 Google 브랜드를 사용하는 것은 허용되지 않습니다 (자세한 내용은 Google 브랜드 표시의 제3자 사용에 관한 가이드라인 참고).