한글 페어링 · 큐레이션

주아+나눔명조 옛한글

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

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

A:주아· 제작 우아한형제들|B:나눔명조 옛한글· 제작 네이버

→ 각 폰트 종합 가이드: 주아 가이드·나눔명조 옛한글 가이드

평가 결과 · 2개 케이스

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

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

42제목 주아 · 본문 나눔명조 옛한글

주아B=제목용

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

+나눔명조 옛한글A=본문용ⓘ 미리보기는 프리텐다드

제작네이버상업 무료다운로드

옛글씨로 읽는 현대의 이야기

나눔명조 옛한글은 본문 가독성이 우수하나, 주아는 display 폰트로 제목용 사이즈에서만 가독성이 확보되며 작은 사이즈에서는 부적합하다.

분위기: 나눔명조 옛한글의 고전적·학술적 인상과 주아의 장난스럽고 캐주얼한 분위기가 충돌한다. 제목-본문 위계에서 톤의 일관성이 부족하다.
대비·계층: serif 본문과 sans display 제목 간 구조적 대비는 명확하지만, 무게(weight)가 모두 400으로 동일하여 시각적 위계 강도가 약하다.
추천 용도: 아동·교육 콘텐츠 (주아의 친근함 활용)캐주얼 블로그 (톤 불일치 감수 시)문화·역사 매거진 (옛한글 활용 시, 제목 재검토 필요)

어울리는 영문 폰트

제목ManropeSatoshiPlus Jakarta Sans

본문Source SerifEB Garamond

나눔명조 옛한글의 고전 serif 인상에는 Source Serif나 EB Garamond 같은 우아한 serif가 자연스럽다. 주아 대신 Manrope·Satoshi 같은 현대 sans를 제목에 쓰면 톤 불일치를 완화할 수 있다.

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

32~40px

20~24px

본문

16~17px

line-height

1.7

어울리는 색상

#2c2c2c

#d4a574

#f9f6f1

어울리는 산업 톤

교육·학술 (옛한글 활용)아동·캐주얼 (주아 활용)

28제목 나눔명조 옛한글 · 본문 주아

나눔명조 옛한글A=제목용ⓘ 미리보기는 프리텐다드

제작네이버상업 무료다운로드

+주아B=본문용

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

옛글의 품격과 현대의 경쾌함이 만나다

나눔명조는 제목으로서 우아하고 읽기 좋지만, 주아는 본문 폰트로 부적합합니다. 주아의 높은 x-높이와 둥근 형태는 장문 읽기에서 시각적 피로를 유발하며, 본문용 sans-serif 중 가독성이 낮은 편입니다.

분위기: 나눔명조 옛한글의 고전적·격식 있는 분위기와 주아의 장난스럽고 캐주얼한 분위기가 충돌합니다. 역사적 무게감과 경박함이 동시에 드러나 일관된 톤을 형성하지 못합니다.
대비·계층: serif(명조)와 sans(고딕) 간 기본 대비는 있으나, 무게감 차이가 부족합니다. 나눔명조 400은 제목으로 충분히 강하지만, 주아 400은 본문으로 너무 가볍고 캐주얼하여 위계가 모호합니다.
추천 용도: 아동·유아 교육 콘텐츠 (주아의 친근함을 살릴 수 있는 극한정 사용)장난스러운 톤의 이벤트 포스터 (분위기 충돌 감수 시)실무 비권장 (대부분의 출판·웹·UI 프로젝트)

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource Serif Pro

본문Source Sans ProIBM Plex Sans

나눔명조의 고전적 serif 분위기에는 EB Garamond·Playfair Display 같은 우아한 serif 영문이 어울립니다. 주아와의 페어링은 권장하지 않으므로, 본문은 중립적 sans(Source Sans Pro, IBM Plex Sans)로 대체하는 것이 낫습니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

고전 출판·문학 (명조 단독 사용 시)아동 콘텐츠 (주아 단독 사용 시)

구현 코드 · 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;
}