한글 페어링 · 큐레이션

주아+본고딕

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

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

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

→ 각 폰트 종합 가이드: 주아 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

86제목 주아 · 본문 본고딕

주아A=제목용

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

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

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

오늘은 특별한 하루를 선물할게요

주아는 굵고 둥근 형태로 짧은 제목에서 시선을 확실히 잡고, 본고딕은 다중 웨이트와 균형 잡힌 글자폭으로 긴 본문에서도 안정적인 가독성을 보장합니다.

분위기: 주아의 둥글고 친근한 캐릭터가 본고딕의 중립적이고 안정된 본문 톤과 만나 따뜻하면서도 또렷한 인상을 만듭니다.
대비·계층: 주아의 디스플레이 성격과 본고딕 Regular/Light의 차분한 본문 톤이 형태·인상 양쪽에서 명확한 위계를 만들어 정보 구조가 자연스럽게 읽힙니다.
추천 용도: 브랜드 캠페인 랜딩 페이지F&B·라이프스타일 상세페이지아동·교육 콘텐츠 웹사이트SNS 카드뉴스 제목 영역이벤트·프로모션 배너

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문InterIBM Plex Sans

주아의 둥근 곡선과 친근한 인상에는 라운드한 터미널을 가진 Plus Jakarta Sans·Manrope가 어울리고, 본고딕 본문에는 중립적이고 x-height가 안정된 Inter가 자연스럽게 합쳐집니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff6b35

#ffd45c

#fff8ec

어울리는 산업 톤

F&B 친근교육 따뜻이커머스 캐주얼라이프스타일 브랜드

42제목 본고딕 · 본문 주아

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

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

+주아B=본문용

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

오늘의 이야기, 단정하게 전합니다

제목 본고딕은 다양한 웨이트로 시인성이 뛰어나지만, 본문 주아는 디스플레이 성격이라 긴 글에는 가독성이 떨어진다.

분위기: 본고딕의 정제된 모던함과 주아의 둥글둥글한 친근함이 서로 다른 결을 만들어 톤 일관성이 약하다. 제목은 차분한데 본문이 캐주얼해 분위기가 분절된다.
대비·계층: 본고딕 Bold/Black과 주아의 굵기 대비는 형태 차이로 어느 정도 분리되지만, 주아 자체가 강한 인상이라 위계 정리가 깔끔하지 않다.
추천 용도: 키즈·교육 콘텐츠 배너이벤트 프로모션 페이지캐주얼 브랜드 SNS 카드뉴스F&B 메뉴 소개

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Plus Jakarta SansQuicksand

본고딕은 중립적인 모던 산세리프 라틴(Inter·IBM Plex)과 구조가 맞고, 주아의 둥근 인상은 둥근 터미널을 가진 Quicksand 계열과 어울린다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb84d

#fdf6ec

어울리는 산업 톤

교육 따뜻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;
}