한글 페어링 · 큐레이션

주아+노토 세리프 KR

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

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

A:주아· 제작 우아한형제들|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 주아 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

42제목 주아 · 본문 노토 세리프 KR

주아B=제목용

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

+노토 세리프 KRA=본문용

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

따뜻한 세리프로 읽기 좋은 본문, 밝은 제목으로 시선 끌기

노토 세리프 KR은 긴 본문 읽기에 우수하며, 주아는 제목 임팩트가 강합니다. 다만 주아가 weight 400 단일만 제공되어 제목 계층 표현이 제한적입니다.

분위기: 노토 세리프 KR의 고전적·학술적 분위기와 주아의 장난스럽고 캐주얼한 분위기가 충돌합니다. 세리프 본문에 디스플레이 산체 제목이 얹히면서 톤 일관성이 깨집니다.
대비·계층: 세리프 vs 산체의 구조적 대비는 명확하지만, 주아의 둥근 곡선과 노토 세리프의 정통 세리프 구조가 시각적으로 부자연스럽습니다. 무게감 차이도 부족하여 위계가 약합니다.
추천 용도: 아동·유아 교육 콘텐츠 (주아의 친근함 활용)캐주얼 라이프스타일 블로그 (톤 불일치 감수 시)혼합 톤 실험 프로젝트 (의도적 대조 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source SerifEB Garamond

노토 세리프 KR의 고전적 우아함을 보완하려면 현대적 산체(Manrope, Plus Jakarta Sans)를 제목에, 본문은 같은 계열 세리프(Source Serif)로 통일하는 것이 권장됩니다. 주아와의 페어링보다 일관성 있는 조합입니다.

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

32~40px

20~24px

본문

16~17px

line-height

1.7

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

출판·문학 매거진교육·학술 콘텐츠

35제목 노토 세리프 KR · 본문 주아

노토 세리프 KRA=제목용

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

+주아B=본문용

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

우아한 디자인과 친근함의 불완전한 조화

주아는 display 폰트로 긴 본문 읽기에 부적합하다. 단일 웨이트(400)만 제공되어 제목과의 시각적 계층 구분이 약하고, 본문 가독성이 현저히 낮다.

분위기: 노토 세리프 KR의 고전적·격조 있는 인상과 주아의 캐주얼·장난스러운 분위기가 충돌한다. 세리프 제목과 디스플레이 산스 본문의 톤 불일치로 일관성 있는 브랜드 정체성 형성이 어렵다.
대비·계층: 노토 세리프 KR은 700·900 웨이트로 강한 제목을 만들 수 있으나, 주아 400은 본문용으로 웨이트 대비가 불충분하다. 세리프와 산스 간 구조 차이만으로는 명확한 위계를 보완하지 못한다.
추천 용도: 짧은 카피·슬로건 중심 광고(주아 본문 최소화)에디토리얼·매거진(세리프 제목만 활용, 본문은 다른 폰트로 교체 필수)포스터·배너(디스플레이 특성 활용, 본문 텍스트 극소화)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source Sans ProInter

노토 세리프 KR 제목에는 serif 계열 우아한 영문(Playfair, EB Garamond)이 어울린다. 본문은 주아를 피하고 가독성 높은 sans(Source Sans Pro, Inter)로 교체하여 일관성을 회복해야 한다.

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

42~52px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

출판·에디토리얼(제목만 활용)럭셔리·고급 브랜드(본문 폰트 교체 전제)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}