한글 페어링 · 큐레이션

구기+나눔바른고딕

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

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

A:구기· 제작 윤디자인|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 구기 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

74제목 구기 · 본문 나눔바른고딕

구기A=제목용

제작윤디자인상업 무료다운로드

+나눔바른고딕B=본문용

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

장맛 깊은 우리네 손맛을 그대로

구기는 굵고 장식적인 획으로 제목에서 시선을 사로잡고, 나눔바른고딕은 넓은 글자 폭과 안정된 자소로 본문 장문 읽기에 매우 적합합니다.

분위기: 구기의 붓글씨 느낌 디스플레이가 강렬한 한국적 인상을 만들고, 나눔바른고딕의 단정한 산세리프가 균형 잡힌 배경 역할을 합니다.
대비·계층: 장식적 디스플레이와 중성 산세리프의 형태 대비가 크고, weight 차이도 명확해 정보 위계가 잘 구축됩니다.
추천 용도: 전통주·F&B 패키지지역 축제 포스터한식 브랜드 웹사이트푸드 매거진 표지이벤트 랜딩 페이지

어울리는 영문 폰트

제목Playfair DisplayLoraFraunces

본문Source Sans ProIBM Plex Sans

구기의 붓터치 곡선감은 세리프 디스플레이의 강약 대비와 잘 어울리고, 나눔바른고딕은 중립적 산세리프 라틴과 합성해 본문 가독성을 유지합니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#a8324a

#f5efe6

어울리는 산업 톤

F&B 전통라이프스타일 매거진지역·문화 콘텐츠

38제목 나눔바른고딕 · 본문 구기

나눔바른고딕A=제목용

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

+구기B=본문용

제작윤디자인상업 무료다운로드

단정한 제목이 차분히 말을 건넵니다

제목의 나눔바른고딕은 명료하고 가독성이 우수하나, 본문에 디스플레이 폰트인 구기를 쓰는 것은 긴 글 읽기에 매우 부적합합니다.

분위기: 나눔바른고딕의 차분하고 정돈된 인상과 구기의 붓글씨풍 손맛이 결합되어 톤이 충돌하기 쉽습니다. 전통·민속 콘셉트로 의도적으로 묶을 때만 자연스럽습니다.
대비·계층: 구조적 산세리프와 손글씨풍 디스플레이라는 형태 대비는 강하지만, 위계가 본문에서 흐트러져 정보 전달의 명확성이 떨어집니다.
추천 용도: 전통 시장·축제 포스터 짧은 카피한식 브랜드 이벤트 페이지민속 콘텐츠 인용구 강조지역 관광 캠페인 단문

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문LoraCaveat

나눔바른고딕은 중립적 산세리프라 Inter·IBM Plex 같은 정돈된 영문과 조화롭고, 본문 구기의 손글씨 톤은 Caveat·Lora 같이 인간적인 영문으로 흐름을 이을 수 있습니다.

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

36~44px

24~28px

본문

18~20px

line-height

1.75

어울리는 색상

#1f1a17

#c84b31

#f4ecd8

어울리는 산업 톤

전통문화 따뜻F&B 한식 친근지역 관광 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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