한글 페어링 · 큐레이션

푸른전남체+나눔명조

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

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

A:푸른전남체· 제작 전라남도|B:나눔명조· 제작 네이버

→ 각 폰트 종합 가이드: 푸른전남체 가이드·나눔명조 가이드

평가 결과 · 2개 케이스

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

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

42제목 푸른전남체 · 본문 나눔명조

푸른전남체B=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

+나눔명조A=본문용

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

푸른전남체로 제목을 쓰되, 나눔명조 본문과의 톤 맞춤이 필요합니다.

나눔명조는 한글 본문 가독성이 우수하고 긴 글 읽기에 적합하다. 푸른전남체는 제목용 sans로 충분히 명확하나, serif 본문과의 시각적 거리감이 커서 정보 계층이 다소 어색하게 느껴진다.

분위기: 나눔명조의 전통적·격조 있는 serif와 푸른전남체의 현대적·친근한 sans가 분위기 충돌을 일으킨다. 본문(serif) + 제목(sans) 조합은 구조적으로는 가능하나, 두 폰트의 톤 차이가 일관된 브랜드 정체성을 해친다.
대비·계층: weight 대비(본문 400 vs 제목 700)는 충분하지만, serif-sans 구조 대비가 과도해 제목이 본문과 단절된 느낌을 준다. 같은 serif 또는 같은 sans 계열 페어가 더 자연스러운 위계를 형성할 것이다.
추천 용도: 공공기관 공식 문서 (전라남도 지역 정책 안내)지역 문화·관광 매거진 (전통과 현대 혼합 필요 시)교육 자료 (본문 가독성 중심)

어울리는 영문 폰트

제목InterRobotoSource Sans Pro

본문Source SerifEB Garamond

나눔명조(serif) 본문에는 serif 영문(Source Serif, EB Garamond)이 일관성 있고, 푸른전남체(sans) 제목에는 현대적 sans(Inter, Roboto)가 어울린다. 단, 두 폰트 조합 자체의 분위기 차이로 인해 영문 페어링만으로는 통일감을 완전히 보정하기 어렵다.

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

32~40px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2c3e50

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 신뢰지역 문화 전통

42제목 나눔명조 · 본문 푸른전남체

나눔명조B=제목용

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

+푸른전남체A=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

전남의 문화유산을 현대적으로 재해석하다

푸른전남체는 본문 가독성에 적합하나, 나눔명조 700/800은 제목으로 사용 시 세리프의 세밀한 획이 작은 사이즈에서 흐릿할 수 있다. 제목 사이즈를 충분히 크게 확보해야 한다.

분위기: 푸른전남체의 현대적 산스와 나눔명조의 전통적 세리프가 분위기 충돌을 일으킨다. 본문용 산스에 제목용 세리프를 조합하면 일관성 있는 톤 형성이 어렵다.
대비·계층: 산스(본문)와 세리프(제목) 간 구조적 대비는 명확하지만, 푸른전남체의 중성적 톤과 나눔명조의 고전적 인상이 정보 위계보다는 스타일 충돌을 강조한다.
추천 용도: 전통+현대 혼합이 필요한 공공기관 문서 (제목만 격식, 본문은 접근성)역사·문화 콘텐츠 (세리프 제목으로 권위감, 산스 본문으로 현대성)학술 출판물 (세리프 제목 + 산스 본문의 하이브리드)

어울리는 영문 폰트

제목EB GaramondLoraSource Serif Pro

본문InterSource Sans Pro

나눔명조(세리프)와 어울리는 영문 세리프(EB Garamond, Lora)를 제목에, 푸른전남체(산스)와 호환되는 중성적 산스(Inter, Source Sans Pro)를 본문에 배치하여 각 폰트의 특성을 강화한다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c3e50

#d4a574

#f8f6f1

어울리는 산업 톤

공공기관 신뢰성문화·역사 권위감

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

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

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