한글 페어링 · 큐레이션

도현+JS 동까비

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 44점
관련 페어: 6개

A:도현· 제작 우아한형제들|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 도현 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

45제목 도현 · 본문 JS 동까비

도현A=제목용

제작우아한형제들상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

모던하면서도 따뜻한 브랜드를 만들고 싶어요.

동까비는 display 폰트로 설계되어 본문 장문 읽기에 부적합하다. 획의 굵기 변화와 개성 있는 자형이 긴 텍스트에서 시각 피로를 유발한다. 도현은 제목으로서 충분히 임팩트 있다.

분위기: 도현의 기하학적 모던함과 동까비의 친근한 손글씨 감성이 충돌하여 일관된 톤을 형성하기 어렵다. 도현은 미니멀 브랜드용, 동까비는 캐주얼 콘텐츠용으로 분리된 인상을 준다.
대비·계층: 두 폰트 모두 weight 400으로 무게감 차이가 없어 위계 구분이 약하다. 도현(기하학적)과 동까비(손글씨)의 구조적 대비는 있으나, 동일 weight로 인해 크기 차이만으로는 정보 위계가 명확하지 않다.
추천 용도: 캐주얼 웹매거진 (도현 헤더 + 동까비 강조 문구 제한)어린이·교육 콘텐츠 (동까비의 친근함 활용, 도현으로 구조화)이벤트 포스터 (두 폰트 모두 디스플레이용이므로 단문 조합만 권장)

어울리는 영문 폰트

제목InterRobotoManrope

본문Source Sans ProIBM Plex Sans

도현의 기하학적 모던함에는 Inter·Roboto 같은 중립적 sans가 어울리고, 동까비와 조합할 때는 따뜻한 감성의 Source Sans Pro가 손글씨 감성을 보완한다. 본문용으로는 높은 가독성의 IBM Plex Sans 권장.

권장 사이즈 (한국어 기준)

36~44px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#ff6b6b

#f9f7f4

어울리는 산업 톤

교육·키즈 콘텐츠캐주얼 라이프스타일

42제목 JS 동까비 · 본문 도현

JS 동까비B=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+도현A=본문용

제작우아한형제들상업 무료다운로드

따뜻한 감성으로 전하는 우리의 이야기

도현은 본문용 sans로 적절한 가독성을 제공하지만, JS 동까비는 display 폰트로 긴 제목에서도 개성이 강해 정보 계층을 명확히 하기 어렵습니다.

분위기: 두 폰트 모두 친근하고 캐주얼한 분위기를 지니고 있으나, 도현은 기하학적 모던함을, JS 동까비는 손글씨 감성의 부드러움을 강조해 톤의 일관성이 다소 흐릿합니다.
대비·계층: 두 폰트 모두 400 weight 단일 무게이고 display 특성이 겹쳐, 제목과 본문 간 시각적 대비가 부족합니다. 제목용 폰트의 weight 강화가 필수적입니다.
추천 용도: 캐주얼 브랜드 가이드 (weight 보강 시)아동·교육 콘텐츠 (친근한 톤 활용)이벤트 포스터 (display 특성 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterRoboto

도현의 기하학적 모던함과 어울리는 sans-serif 영문 폰트를 선택했습니다. 제목용으로는 개성 있는 geometric sans(Manrope, Satoshi)를, 본문용으로는 중립적이고 높은 가독성의 폰트(Inter, Roboto)를 권장합니다.

권장 사이즈 (한국어 기준)

44~56px

28~36px

본문

16~18px

line-height

1.65

어울리는 색상

#2d2d2d

#ff6b6b

#f9f7f4

어울리는 산업 톤

이커머스 친근스타트업 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Do Hyeon', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}