한글 페어링 · 큐레이션

비트로 프라이드+나눔바른고딕

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

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

A:비트로 프라이드· 제작 비트로|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 비트로 프라이드 · 본문 나눔바른고딕

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

우리의 자긍심을 함께 외치다

제목은 임팩트 있게 시선을 사로잡고, 나눔바른고딕은 균형 잡힌 자형과 안정적인 x-height로 긴 본문에서도 무리 없이 읽힌다.

분위기: 비트로 프라이드의 강렬하고 자긍심 있는 디스플레이 인상이 나눔바른고딕의 단정한 본문 톤과 만나 메시지 전달력이 명확한 페어를 이룬다.
대비·계층: 디스플레이 vs 휴머니스트 산세리프, 굵은 캐릭터 vs 정돈된 본문이라는 이중 대비가 명확한 정보 위계를 만든다.
추천 용도: 캠페인 포스터브랜드 슬로건 페이지스포츠·문화 이벤트 홍보사회적 메시지 콘텐츠에디토리얼 헤드라인

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistSatoshi

본문InterIBM Plex Sans

비트로 프라이드의 임팩트를 보완할 단단한 지오메트릭 산세리프를 제목에, 나눔바른고딕의 휴머니스트 톤과 결을 맞추는 중립적 산세리프를 본문에 배치한다.

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

44~56px

26~32px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#e63946

#f5efe6

어울리는 산업 톤

캠페인·공익 메시지스포츠·이벤트 브랜딩라이프스타일 매거진

58제목 나눔바른고딕 · 본문 비트로 프라이드

나눔바른고딕A=제목용

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

+비트로 프라이드B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

단정한 메시지, 개성 있는 한 줄.

제목의 나눔바른고딕은 명료하게 위계를 잡지만, 본문 자리에 디스플레이 폰트인 비트로 프라이드를 두면 긴 문장 가독성이 크게 떨어져 짧은 카피 위주로 운영해야 합니다.

분위기: 나눔바른고딕의 단정하고 중립적인 인상이 비트로 프라이드의 장식적이고 개성 강한 분위기와 만나 정보 전달과 감성 표현이 공존하는 구성이 됩니다.
대비·계층: 차분한 산세리프 제목과 장식적 디스플레이 본문이 분위기 대비는 강하나 정보 위계의 명확성은 다소 흐려질 수 있습니다.
추천 용도: 이벤트 랜딩 페이지 헤더캠페인 포스터 카피브랜드 룩북 인트로SNS 비주얼 카드프로모션 배너

어울리는 영문 폰트

제목InterHelvetica NeueManropeIBM Plex Sans

본문SatoshiPlus Jakarta Sans

나눔바른고딕의 정제된 모던 산세리프 구조에 맞춰 기하학적이고 중립적인 라틴 산세리프를 매칭하면 합성 글꼴의 시각적 균형이 유지됩니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#e94f37

#f5efe6

어울리는 산업 톤

라이프스타일 매거진캠페인 광고이커머스 프로모션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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