사이드 메뉴
시작하기
로그인
커뮤니케이션
광고
디자인 가이드
이 문서는 카카오톡 인증 서비스 이용에 필요한 디자인 요소를 기준에 맞게 사용하기 위한 가이드 라인을 안내합니다.
아래 버튼을 클릭해 카카오톡 인증 서비스 구현 시 필요한 카카오톡 심볼 리소스를 다운로드 받을 수 있습니다.
- 카카오톡 인증 서비스 버튼은 카카오 인증서의 '심볼(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) 로고 이미지 중앙에 배치 |