한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

+나눔고딕B=본문용

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

오늘부터, 당신의 프라이드를 켜다

제목의 비트로 프라이드는 단어 단위로 강한 시선을 끌고, 본문 나눔고딕은 무난한 자소 구조로 장문 가독성이 검증되어 있습니다.

분위기: 비트로 프라이드의 개성 넘치는 디스플레이 인상이 나눔고딕의 단정한 본문 톤과 만나 활기차면서도 안정적인 분위기를 형성합니다.
대비·계층: 디스플레이 vs 표준 산세리프의 구조적 차이가 뚜렷해 정보 위계가 자연스럽게 잡힙니다.
추천 용도: 이벤트 랜딩 페이지캠페인 포스터브랜드 소셜 카드프로모션 배너팝업스토어 안내물

어울리는 영문 폰트

제목SatoshiPlus Jakarta SansManropeGeist

본문InterIBM Plex Sans

비트로 프라이드의 둥글고 개성적인 라인은 Satoshi·Manrope의 부드러운 지오메트릭과 호흡이 잘 맞고, 본문 나눔고딕은 Inter 계열과 자소 굵기·x-height가 자연스럽게 맞물립니다.

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

44~56px

26~30px

본문

16~17px

line-height

1.65

어울리는 색상

#ff5a3c

#ffd166

#fff8ee

어울리는 산업 톤

캠페인 임팩트라이프스타일 매거진F&B 친근이커머스 프로모션

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

나눔고딕A=제목용

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

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

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

오늘의 한 줄, 단단하게 전합니다

제목용 나눔고딕은 800 웨이트로 명료하게 읽히지만, 본문 자리에 디스플레이 폰트인 비트로 프라이드를 두면 장문 가독성이 급격히 떨어집니다.

분위기: 나눔고딕의 단정하고 중립적인 인상과 비트로 프라이드의 강렬한 디스플레이 개성이 충돌해 일관된 톤을 잡기 어렵습니다.
대비·계층: 굵기 대비는 충분하나, 본문이 디스플레이 폰트라 위계가 제목보다 더 튀어 정보 흐름이 역전될 위험이 있습니다.
추천 용도: 짧은 카피 중심 이벤트 포스터캠페인 키비주얼 슬로건굿즈·패키지 한정 그래픽SNS 카드뉴스 한 컷

어울리는 영문 폰트

제목InterRobotoIBM Plex SansHelvetica Neue

본문Source Sans ProManrope

나눔고딕의 휴머니스트 산세리프 골격과 곡선 처리가 Inter·Roboto의 중립적 산세리프와 자연스럽게 합쳐져 위계가 안정됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#ff5a3c

#f5efe6

어울리는 산업 톤

캠페인 임팩트라이프스타일 매거진F&B 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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