디자인 가이드

이 문서는 카카오톡 인증 서비스 이용에 필요한 디자인 요소를 기준에 맞게 사용하기 위한 가이드 라인을 안내합니다.

리소스 다운로드

아래 버튼을 클릭해 카카오톡 인증 서비스 구현 시 필요한 카카오톡 심볼 리소스를 다운로드 받을 수 있습니다.

카카오톡 심볼 리소스 다운로드

버튼

디자인 요소

• 카카오톡 인증 서비스 버튼은 카카오 인증서의 '심볼(Symbol)', 버튼 용도를 안내하는 '레이블(Label)', 그리고 심볼과 레이블을 감싸는 '컨테이너(Container)'로 이루어져 있습니다.
• 카카오톡 앱 기반으로 인증이 진행됨에 따라 '카카오톡' 심볼을 사용합니다.

주의사항

• 카카오톡 인증 서비스의 전자서명은 카카오톡 앱 실행을 통해 진행됨에 따라, '카카오 인증'이 아닌 '카카오톡 인증'으로 표기합니다.
• 카카오톡 인증 서비스의 버튼은 일반적인 카카오 로그인 버튼과 달리 카카오톡 심볼과 '인증' 문구를 포함합니다. '인증'과 구별이 필요한 경우 액션 키워드(전자서명, 전자계약)만 표기합니다.

표준 디자인

• 다음의 상품별 표준 디자인을 참고합니다.

카카오톡 인증

• 카카오톡 인증 상품 이용 시 적용해야 할 표준 디자인입니다.

카카오톡 인증 로그인

• 카카오톡 인증 로그인 상품 이용 시 적용해야 할 표준 디자인입니다.

카카오톡 전자서명

• 카카오톡 전자서명 상품 이용 시 적용해야 할 표준 디자인입니다.

변형 디자인

• 플랫폼에 따라 표준 디자인 적용이 어려울 경우, 변형 디자인 적용이 가능합니다.
• 심볼을 생략할 경우, '카카오톡 인증' 문구를 반드시 포함해야 합니다.
• '인증'은 서비스 핵심 단어로 반드시 포함되어야 하나, 플랫폼 안내에 공통으로 포함된 경우 생략 가능합니다.
• 타사 인증 서비스와 함께 출력할 경우, 카카오톡 심볼과 텍스트는 타사와 동등한 시각적 비중과 텍스트로 적용합니다.

구성요소별 가이드

• 표준 디자인의 버튼 사용을 권장하지만 서비스의 UI 및 UX에 맞춰 수정이 필요한 경우, 재구성하여 사용 가능합니다.
• 단, 임의로 색상과 형태를 변형시키지 않아야 합니다. 카카오 고유의 이미지를 해치지 않는 범위 내에서 아래 디자인 규정에 따라 제작합니다.

색상

• 다음 색상 규정에 벗어난 색상을 적용해서는 안됩니다.
• 버튼의 색상을 지정하지 않아 타사 로그인 버튼을 강조해서는 안됩니다.

구성요소	색상
컨테이너	#FEE500
심볼	#000000
레이블	#000000 85%

레이블

• 기본 레이블은 다음과 같이 완성형과 축약형으로 사용할 수 있습니다.

카카오톡 인증

• 카카오톡 인증 상품 이용 시 적용해야 할 문구입니다.

구분	국문	영문
완성형	카카오톡 인증	Verify with Kakao Talk
축약형	인증하기	Verify

카카오톡 인증 로그인

• 카카오톡 인증 로그인 상품 이용 시 적용해야 할 문구입니다.

구분	국문	영문
완성형	카카오톡 인증 로그인	Login with Kakao Talk
축약형	인증 로그인	Verified Login / Login

심볼

• 카카오톡 심볼을 기본으로 사용합니다.
• 심볼의 형태, 비율, 색상은 변경할 수 없습니다.
• 카카오 CI를 심볼로 적용할 수 없습니다.
• 기능 아이콘을 심볼로 사용할 수 없습니다.
• 타사의 심볼과 동등한 시각적 비중을 가져야 합니다.
• 심볼 없이 텍스트형으로 사용 가능합니다. 단, 타사의 버튼에도 심볼이 없는 경우로 한정합니다.

컨테이너

• 컨테이너 박스의 radius는 6 dp (12 pixel)로 적용합니다.

이용기관 로고

디자인 요소

• 카카오톡 인증 서비스를 이용하려면 🅐 이용기관의 로고 이미지를 제공해야 합니다.
  • 이용기관의 로고 이미지: 카카오톡 인증서의 인증 및 서명 정보 확인창과 사용처 목록에 표시

표준 디자인

구분	설명
구성	배경 색상, 로고
사이즈	배경: 130*130 픽셀(Pixel), 1:1 비율 로고: 권장: 80*80 픽셀(최대 94*94 픽셀)
권장 외 적용안	가로형 로고: 가로 94 픽셀 이하, 세로 30 픽셀 이상 세로형 로고: 세로 94 픽셀 이하, 가로 30 픽셀 이상
파일 형식	PNG, JPG
배경 색상	흰색(#FFFFFF)만 사용 가능
로고 타입	워드마크(Wordmark) 또는 세로형 시그니처(Signature) 로고 이미지 중앙에 배치

더 보기

• 이해하기
• 문제 해결