한글 페어링 · 큐레이션

비트로 코어+프리텐다드

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

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

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

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

평가 결과 · 2개 케이스

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

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

82제목 비트로 코어 · 본문 프리텐다드

비트로 코어B=제목용ⓘ 미리보기는 프리텐다드

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

+프리텐다드A=본문용

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

오늘의 작은 변화가 내일을 바꿉니다

프리텐다드는 균일한 자형과 넓은 웨이트 스펙트럼으로 본문 가독성이 뛰어나고, 비트로 코어는 짧은 제목·캐치프레이즈에서 임팩트가 강합니다.

분위기: 프리텐다드의 중성적이고 깔끔한 본문이 비트로 코어의 기하학적이고 실험적인 제목을 안정적으로 받쳐주어 모던하면서 개성 있는 톤을 형성합니다.
대비·계층: 휴머니스트 산세리프 본문과 디스플레이 제목의 구조적 대비가 명확해 정보 위계가 또렷하게 잡힙니다.
추천 용도: 브랜드 랜딩 페이지 본문 구성디지털 매거진 아티클프로덕트 마케팅 페이지캠페인 상세 페이지스타트업 소개 자료

어울리는 영문 폰트

제목GeistSatoshiSpace Grotesk

본문InterPretendard Latin

비트로 코어의 기하학적 디스플레이 인상과 어울리는 모던 그로테스크 라틴을 제목에, 프리텐다드 본문과 구조가 유사한 Inter 계열을 본문에 매칭합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b3d

#f5f3ee

어울리는 산업 톤

스타트업 임팩트라이프스타일 매거진크리에이티브 에이전시

58제목 프리텐다드 · 본문 비트로 코어

프리텐다드A=제목용

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

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

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

오늘의 픽셀, 내일의 플레이

제목용 프리텐다드는 모든 굵기 단계에서 명료하게 읽히지만, 본문 자리에 놓인 비트로 코어는 픽셀 구조 특성상 긴 글에는 부적합하고 짧은 캐치프레이즈에 한정해야 합니다.

분위기: 프리텐다드의 중립적이고 모던한 인상이 비트로 코어의 픽셀·레트로 게이밍 감성을 단정하게 받쳐줍니다. 다만 두 폰트의 시대적 톤이 달라 콘셉트가 명확한 프로젝트에서만 빛납니다.
대비·계층: 기하학적 산세리프 vs 비트맵 디스플레이 구조 대비가 강해 위계는 분명하지만, 본문 폰트가 디스플레이라는 점에서 정보 위계보다는 스타일 충돌에 가깝습니다.
추천 용도: 게이밍·서브컬처 키비주얼이벤트 랜딩페이지 헤드라인Z세대 타깃 SNS 카드뉴스한정판 굿즈 패키지레트로 콘셉트 프로모션

어울리는 영문 폰트

제목InterGeistManropeIBM Plex Sans

본문VT323Press Start 2P

프리텐다드는 Inter 계열 구조와 거의 동일해 합성 글꼴 호환성이 최상이며, 비트로 코어의 픽셀 감성에는 VT323 같은 비트맵 라틴이 자연스럽게 맞습니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff3b6b

#f5f3ee

어울리는 산업 톤

게이밍 서브컬처Z세대 라이프스타일이벤트 프로모션엔터테인먼트 굿즈

구현 코드 · 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;
}