본문 바로가기메인 메뉴 바로가기사이드 메뉴 바로가기

kakao developers

관련사이트

사이드 메뉴

카카오맵

검색

디자인 가이드

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

리소스 다운로드

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

버튼

디자인 요소

  • 카카오톡 인증 서비스 버튼은 카카오 인증서의 '심볼(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)로 적용합니다.

카카오톡 인증 버튼의 컨테이너 윤곽 처리 가이드

이용기관 로고

디자인 요소

카카오톡 인증 서비스 이용기관 로고 디자인 요소

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

표준 디자인

카카오톡 인증 서비스 이용기관 로고 이미지 표준 디자인

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

더 보기

도움이 되었나요?