한글 페어링 · 큐레이션

비트로 프라이드+나눔스퀘어

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

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

A:비트로 프라이드· 제작 비트로|B:나눔스퀘어· 제작 네이버

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

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

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

74제목 비트로 프라이드 · 본문 나눔스퀘어

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

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

+나눔스퀘어B=본문용

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

오늘, 당신의 자부심을 펼쳐보세요

제목의 비트로 프라이드는 짧은 카피에서 시선을 강하게 잡아끌고, 본문의 나눔스퀘어는 균일한 골격과 넉넉한 공간감으로 긴 글 가독성을 안정적으로 확보한다.

분위기: 비트로 프라이드의 개성 강한 디스플레이 인상이 나눔스퀘어의 깔끔하고 중립적인 본문 톤과 만나 경쾌하면서도 정돈된 분위기를 만든다.
대비·계층: 장식적 디스플레이와 모던 산스의 구조 차이 덕에 위계 대비가 분명하며, 나눔스퀘어 800을 서브헤딩으로 활용하면 중간 레이어까지 자연스럽게 정리된다.
추천 용도: 이벤트·캠페인 랜딩 페이지브랜드 포스터와 SNS 카드뉴스팝업스토어·전시 그래픽청년·문화 공공 홍보물라이프스타일 매거진 표지

어울리는 영문 폰트

제목SatoshiManropePlus Jakarta SansGeist

본문InterIBM Plex Sans

비트로 프라이드의 개성을 살리려면 살짝 기하학적 캐릭터를 가진 산스가 어울리고, 본문 나눔스퀘어와는 중립적이고 x-height가 비슷한 Inter·IBM Plex Sans가 자연스럽게 합성된다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1f2a44

#ff6b3d

#f5f1ea

어울리는 산업 톤

캠페인 임팩트라이프스타일 매거진공공·문화 홍보스타트업 브랜딩

58제목 나눔스퀘어 · 본문 비트로 프라이드

나눔스퀘어A=제목용

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

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

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

오늘의 무드를 깔끔하게 정리합니다

제목의 나눔스퀘어는 명료하고 시원하게 읽히지만, 본문에 디스플레이 성격의 비트로 프라이드를 쓰면 긴 문장 가독성이 떨어져 짧은 카피·강조 문구에 한정하는 것이 안전합니다.

분위기: 나눔스퀘어의 깔끔하고 모던한 산세리프 톤이 비트로 프라이드의 개성 있는 디스플레이 감성과 만나 절제와 유희가 공존하는 분위기를 만듭니다.
대비·계층: 기하학적 산세리프 제목과 표현적 디스플레이 본문의 형태 대비는 뚜렷하지만, 본문이 시각적으로 강해 위계 역전 위험이 있어 제목 weight를 800 이상으로 강하게 잡아야 합니다.
추천 용도: 캠페인 포스터이벤트 랜딩 페이지프로모션 배너브랜드 무드 페이지SNS 카드뉴스

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문SatoshiIBM Plex Sans

나눔스퀘어의 둥근 기하학적 골격과 어울리는 모던 산세리프 라틴을 매칭해 제목의 명료한 인상을 유지합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff5a36

#f5efe6

어울리는 산업 톤

라이프스타일 매거진캠페인 크리에이티브F&B 친근스타트업 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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