한글 페어링 · 큐레이션

배달의민족 한나Pro+야놀자 야체

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:야놀자 야체· 제작 야놀자

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·야놀자 야체 가이드

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 한나Pro · 본문 야놀자 야체

배달의민족 한나ProA=제목용

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

+야놀자 야체B=본문용

제작야놀자상업 무료다운로드

오늘은 우리, 진짜 맛있는 거 먹자

한나Pro는 큰 사이즈 제목에서 인상적인 시선 집중을 만들지만, 야체는 디스플레이 폰트라 긴 본문에는 가독성이 떨어진다. 짧은 카피·문구 단위 본문에 한정해 권장한다.

분위기: 한나Pro의 손글씨 같은 친근함과 야체의 둥글고 발랄한 인상이 만나 캐주얼하고 유쾌한 톤을 만든다. 다만 두 폰트 모두 디스플레이 성격이 강해 본문 사용 시 피로감이 있다.
대비·계층: 둘 다 디스플레이·400 웨이트라 위계 대비가 약하다. 야체의 700 볼드를 강조에 활용하고 한나Pro 제목과 사이즈 차를 크게 벌려야 정보 구조가 산다.
추천 용도: 배달·푸드 브랜드 캠페인 포스터리테일 프로모션 배너B급 감성 SNS 콘텐츠라이프스타일 이벤트 페이지팝업스토어 사이니지

어울리는 영문 폰트

제목Bagel Fat OneFrauncesRecoletaBricolage Grotesque

본문ManropePlus Jakarta Sans

한나Pro의 통통한 손맛 인상에는 Bagel·Fraunces 같은 개성 있는 디스플레이가 어울리고, 야체 본문은 둥근 산세리프 Manrope·Jakarta가 톤을 맞춰준다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#2bc4b6

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 캠페인라이프스타일 캐주얼

58제목 야놀자 야체 · 본문 배달의민족 한나Pro

야놀자 야체A=제목용

제작야놀자상업 무료다운로드

+배달의민족 한나ProB=본문용

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

지금 떠나요, 설레는 여행의 시작

야체는 큰 사이즈 제목에서 임팩트가 살지만 본문엔 부적합하다. 한나Pro도 디스플레이 성격이라 긴 본문보다는 짧은 카피·라벨 위주로 써야 가독성이 유지된다.

분위기: 야놀자 야체의 기울어진 다이내믹한 인상이 한나Pro의 손글씨 느낌과 만나 들뜨고 활기찬 무드를 만든다. 다만 두 폰트 모두 캐릭터가 강해 시각적 피로감이 생길 수 있다.
대비·계층: 두 폰트 모두 디스플레이 계열이라 무게·골격 대비가 약하고 위계가 흐려질 위험이 있다. 사이즈 격차와 컬러로 위계를 보강해야 한다.
추천 용도: 여행·레저 프로모션 배너이벤트 팝업·쿠폰푸드테크 캠페인 카피SNS 광고 비주얼캐주얼 이커머스 랜딩

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문InterIBM Plex Sans

야체의 기울어진 활동성과 어울리도록 둥글고 친근한 지오메트릭 산세리프를 매칭했고, 본문엔 중립적이고 가독성 좋은 산세리프로 균형을 잡았다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#ff4d6d

#ffd23f

#fff8f0

어울리는 산업 톤

여행·레저 캐주얼F&B 친근이커머스 프로모션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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