한글 페어링 · 큐레이션

배달의민족 주아+본고딕

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

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

A:배달의민족 주아· 제작 우아한형제들|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 배달의민족 주아 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

86제목 배달의민족 주아 · 본문 본고딕

배달의민족 주아A=제목용

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘 점심, 뭐 먹을까요?

주아는 글자 폭이 넓고 인상이 또렷해 제목에서 즉시 시선을 끈다. 본고딕은 다양한 웨이트와 안정된 자소 비율로 긴 본문에서도 피로감이 적다.

분위기: 주아의 둥글고 친근한 손글씨 인상이 본고딕의 정돈된 중립감과 만나 부담 없이 따뜻한 톤을 만든다. 캐주얼한 제목과 차분한 본문의 균형이 자연스럽다.
대비·계층: 디스플레이 vs 정통 산세리프라는 구조적 대비가 강해 정보 위계가 명확하다. 본고딕 Regular~Bold를 활용하면 부제·강조까지 단계적 위계를 안정적으로 구성할 수 있다.
추천 용도: F&B 브랜드 랜딩페이지배달·생활 서비스 앱 프로모션캐주얼 이벤트 포스터라이프스타일 SNS 카드뉴스어린이·교육 콘텐츠

어울리는 영문 폰트

제목FredokaQuicksandPlus Jakarta SansManrope

본문InterIBM Plex Sans

주아의 둥글고 친근한 곡선에는 라운드 산세리프(Fredoka·Quicksand)가 톤을 살리고, 본문은 중립적이고 가독성 높은 Inter·IBM Plex Sans가 본고딕의 구조와 조화롭다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2bc1b4

#ffc83d

#fff8ec

어울리는 산업 톤

F&B 친근생활·배달 서비스 캐주얼교육 따뜻라이프스타일 매거진

58제목 본고딕 · 본문 배달의민족 주아

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+배달의민족 주아B=본문용

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

오늘도 단정하게, 한 끼의 즐거움을 전합니다

본고딕은 9단계 웨이트로 제목 위계가 안정적이며 인지가 빠릅니다. 주아는 디스플레이 성격이 강해 짧은 본문·캡션에서는 읽히지만 긴 글에는 부담이 있습니다.

분위기: 본고딕의 중립적·정제된 인상이 제목을 잡아주고, 주아의 둥글고 친근한 손글씨 감성이 본문에 캐주얼한 온도를 더합니다. 다만 두 폰트의 성격 차이가 커서 톤 일관성은 한정적 상황에서만 자연스럽습니다.
대비·계층: 정갈한 지오메트릭 산세리프와 통통한 라운드 디스플레이의 구조 대비가 뚜렷해 정보 위계는 잘 살아납니다. 다만 주아가 본문보다 시각적 무게가 강해 위계 역전이 일어날 수 있어 주의가 필요합니다.
추천 용도: F&B 프로모션 페이지의 깔끔한 제목+친근 카피이벤트 랜딩의 헤드라인 정돈캐주얼 브랜드의 SNS 카드뉴스라이프스타일 앱의 짧은 본문 강조

어울리는 영문 폰트

제목InterPretendard LatinIBM Plex SansManrope

본문Plus Jakarta SansSource Sans Pro

본고딕의 정제된 지오메트릭 구조와 자연스럽게 합성되는 모던 산세리프를 우선했고, 본문 주아의 라운드한 감성과는 약간 부드러운 곡선의 산세리프가 어울립니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1f1f1f

#ffb547

#fdf8f0

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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