한글 페어링 · 큐레이션

비트로 프라이드+프리텐다드

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

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

A:비트로 프라이드· 제작 비트로|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

86제목 비트로 프라이드 · 본문 프리텐다드

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

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

+프리텐다드B=본문용

제작길형진상업 무료다운로드

오늘, 당신의 자부심을 외치다

제목은 첫눈에 시선을 사로잡으며, 본문은 프리텐다드 특유의 균일한 자간·넓은 카운터로 긴 글에서도 안정적인 가독성을 보장합니다.

분위기: 비트로 프라이드의 강렬하고 자신감 있는 디스플레이 인상이 프리텐다드의 중립적이고 현대적인 본문 위에서 또렷이 살아납니다.
대비·계층: 디스플레이 vs 산세리프, 굵은 임팩트 vs 가변 웨이트(100~900)의 구조적 대비가 명확한 정보 위계를 만듭니다.
추천 용도: 캠페인 랜딩 페이지 히어로브랜드 슬로건·포스터이벤트·프로모션 배너스타트업 IR 표지유튜브 썸네일·타이틀

어울리는 영문 폰트

제목GeistSatoshiManropePlus Jakarta Sans

본문InterPretendard Latin

비트로 프라이드의 모던한 임팩트는 기하학적이고 자신감 있는 산세리프(Geist·Satoshi)와, 프리텐다드 본문은 동일 패밀리의 라틴 또는 Inter와 합성하면 자연스러운 리듬이 만들어집니다.

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

44~64px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#ff5a36

#f5efe6

어울리는 산업 톤

스타트업 임팩트캠페인 광고 강렬이커머스 깔끔라이프스타일 매거진

58제목 프리텐다드 · 본문 비트로 프라이드

프리텐다드A=제목용

제작길형진상업 무료다운로드

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

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

오늘의 무드를 새롭게 정의하다

Pretendard는 어떤 무게에서도 제목 가독성이 뛰어나지만, Bitro Pride는 디스플레이 성격이라 긴 본문 용도로는 가독성이 떨어진다.

분위기: Pretendard의 모던하고 중립적인 제목이 Bitro Pride의 개성 강한 디스플레이 분위기와 결합되어 트렌디한 인상을 만든다. 다만 본문에 디스플레이 폰트를 쓰는 구성이라 톤 일관성은 제한적이다.
대비·계층: 중립 sans 제목과 장식적 디스플레이 본문의 구조적 대비는 강렬하나, 정보 위계가 본문에서 흐트러질 수 있다.
추천 용도: 브랜드 캠페인 랜딩페이지이벤트·프로모션 포스터패션·라이프스타일 매거진 스프레드팝업스토어 그래픽

어울리는 영문 폰트

제목InterGeistManropePlus Jakarta Sans

본문SatoshiIBM Plex Sans

Pretendard와 구조·웨이트 체계가 유사한 모던 산세리프가 제목 위계를 자연스럽게 잇고, Bitro Pride의 장식성은 깔끔한 영문으로 중화한다.

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

40~52px

24~30px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#ff6b3d

#f5efe6

어울리는 산업 톤

라이프스타일 매거진패션·뷰티 캠페인스타트업 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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