Kakao 스타일 디자인 분석

노랑은 밝아서 글자색을 제한합니다

브랜드 노랑 위에 흰 글자를 올리면 대비가 거의 나오지 않습니다. 그래서 이 계열 화면에서는 노란 버튼 위 글자가 거의 항상 진한 갈색이나 검정입니다. 이건 취향이 아니라 물리적인 제약입니다. AI에게 "노란 배경에는 어두운 글자"라고 명시하지 않으면 흰 글자를 얹어 읽을 수 없는 버튼을 만들어 냅니다. 접근성 대비 기준을 맞추려면 이 조합이 사실상 유일한 선택입니다.

말풍선 모서리 하나만 각지게

대화 화면의 말풍선은 네 모서리를 모두 굴리지 않습니다. 말하는 쪽을 향한 모서리 하나만 각지게 두어 방향을 만듭니다. 이 작은 차이가 없으면 그냥 둥근 상자가 나열된 화면이 됩니다. 채팅이 아닌 화면에도 이 원리를 빌려 올 수 있습니다. 알림이나 안내 문구를 말풍선 형태로 두면 시스템 메시지가 아니라 누군가 건네는 말처럼 읽힙니다.

여백보다 모서리 반지름으로 부드러움을 만듭니다

친근한 인상을 위해 여백만 늘리면 화면이 비어 보입니다. 이 스타일은 대신 모서리 반지름을 크게 가져갑니다. 카드는 16~20px, 버튼은 12px 이상, 작은 칩은 아예 완전한 알약 형태입니다. 정보 밀도는 유지하면서 인상만 부드럽게 만드는 방식이라, 담아야 할 내용이 많은 서비스에서도 쓸 수 있습니다.

카피가 디자인의 일부입니다

이 계열 서비스의 안내 문구는 대체로 짧고 구어체입니다. "확인" 대신 "알겠어요", "오류가 발생했습니다" 대신 "잠시 후 다시 시도해 주세요" 같은 식입니다. 시각 요소만 따라 하고 문구를 딱딱한 번역투로 두면 톤이 어긋납니다. 프롬프트에 "버튼과 안내 문구는 구어체 한국어로"라고 함께 지시해야 화면이 한 벌로 완성됩니다.

이 스타일을 고르면 안 되는 경우

금융 정산, 의료 기록, 법무 문서처럼 정확성과 무게감이 필요한 화면에는 맞지 않습니다. 둥근 형태와 구어체가 신뢰보다 가벼움 쪽으로 인상을 끌고 갑니다.

컬러와 역할

색상 코드를 나열하는 것보다 각 색이 어떤 자리에만 쓰이는지를 정해 두는 편이 결과물의 일관성에 훨씬 크게 작용합니다. 아래는 이 스타일에서 관찰되는 색의 담당입니다.

대표 컴포넌트

이 스타일을 화면으로 옮길 때 가장 먼저 만들게 되는 세 가지입니다. 각 항목의 설명은 형태뿐 아니라 그렇게 만드는 이유까지 담았습니다.

어떤 서비스에 맞나

Kakao style is conversational, soft, and instantly familiar in Korea. Use it for chat-first products, community services, and consumer onboarding flows.

실무에서는 챗봇 · 커뮤니티 · 예약 상담 유형에 적용했을 때 가장 자연스럽습니다.