designnews

한글 페어링 · 큐레이션

배달의민족 한나Pro+코트라 도약

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

평가 케이스
2개
평균 점수
44점
관련 페어
6개
A:배달의민족 한나Pro· 제작 우아한형제들|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

45제목 배달의민족 한나Pro · 본문 코트라 도약
배달의민족 한나ProA=제목용
제작우아한형제들상업 무료다운로드
+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
우아한 맛, 신뢰할 수 있는 품질

BMHanna Pro는 제목용으로 시인성이 우수하나, KOTRA Doyak은 본문용 serif로서 한국어 작은 사이즈에서 가독성이 제한적이다. 특히 serif의 세리프가 한글 필획과 겹치면서 명확도가 떨어질 수 있다.

분위기
BMHanna Pro의 친근하고 둥근 sans-serif 캐릭터와 KOTRA Doyak의 전통적이고 격식 있는 serif 톤이 충돌한다. 전자는 캐주얼·브랜드 친화적이고, 후자는 공공·문화적 무게감을 지녀 일관된 분위기 형성이 어렵다.
대비·계층
sans vs serif의 구조적 대비는 명확하지만, 두 폰트 모두 weight 400으로 시각적 위계가 약하다. 제목과 본문 간 무게감 차이가 불충분하여 정보 계층이 모호해진다.
추천 용도
공공·문화기관 보도자료 (KOTRA 정체성 강조 필요 시)식품·라이프스타일 매거진 (BMHanna의 친근함 활용)혼합 톤 브랜딩 (의도적 대조 필요 시)

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter
본문Source SerifLora

BMHanna Pro의 캐주얼함과 어울리려면 현대적 sans(Manrope, Plus Jakarta Sans)가 필요하고, KOTRA Doyak의 serif 무게감을 지탱하려면 안정적인 본문 serif(Source Serif, Lora)가 적합하다. 그러나 두 폰트를 동시에 사용 시 영문 폰트 선택도 분리되어야 한다.

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

h1
36~44px
h2
20~24px
본문
16~17px
line-height
1.65

어울리는 색상

#2d2d2d
#d4a574
#f9f7f4

어울리는 산업 톤

공공기관 신뢰F&B 친근
42제목 코트라 도약 · 본문 배달의민족 한나Pro
코트라 도약B=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+배달의민족 한나ProA=본문용
제작우아한형제들상업 무료다운로드
따뜻한 밥과 정성스러운 반찬이 어우러진 한끼

한나Pro는 display 특성상 본문 긴 글 읽기에 부담스러우며, 도약은 serif 400 weight로 제목 역할에 충분한 강조감이 부족합니다. 두 폰트 모두 할당된 역할에서 가독성 최적화가 미흡합니다.

분위기
배달의민족 한나Pro의 친근하고 캐주얼한 분위기와 코트라 도약의 격식 있고 전통적인 serif 톤이 충돌합니다. 본문용 display sans가 제목용 serif를 만나면서 위계 역전과 분위기 불일치가 발생합니다.
대비·계층
weight가 동일(400)하고 분류 대비(sans vs serif)만 있어 정보 위계가 약합니다. 제목이 serif 400으로는 본문 display sans와 시각적 우위를 확보하지 못합니다.
추천 용도
캐주얼 푸드 관련 콘텐츠 (제목-본문 역할 역전 시)비공식 블로그/SNS 글귀 (제목만 도약 사용 시)전통시장 또는 로컬 비즈니스 안내 (혼합 톤 활용)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora
본문InterSource Sans Pro

코트라 도약(serif)과 어울리는 클래식 serif 영문 폰트를 제목에, 한나Pro의 캐주얼함을 보완할 중립적 sans를 본문에 배치하면 분위기 통일이 개선됩니다.

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

h1
32~40px
h2
20~24px
본문
14~16px
line-height
1.6

어울리는 색상

#2d2d2d
#d4a574
#f9f7f4

어울리는 산업 톤

전통 한식 문화지역 경제 공공기관

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'BM HANNA Pro', sans-serif;
}

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

관련 페어 · 같은 폰트 포함

배달의민족 한나Pro 또는 코트라 도약 들어간 다른 인기 페어