한글 페어링 · 큐레이션

비트로 프라이드+구기

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

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

A:비트로 프라이드· 제작 비트로|B:구기· 제작 윤디자인

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·구기 가이드

평가 결과 · 2개 케이스

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

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

35제목 구기 · 본문 비트로 프라이드

구기B=제목용

제작윤디자인상업 무료다운로드

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

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

모던하고 친근한 디자인

비트로 프라이드는 display 폰트로 긴 본문 읽기에 피로도가 높고, 구기는 극도로 둥근 형태로 소문자 구분이 어려워 가독성이 떨어진다. 둘 다 본문용으로 설계되지 않았다.

분위기: 비트로 프라이드의 기하학적·모던함과 구기의 둥근·캐주얼함이 톤 충돌을 일으킨다. 두 폰트 모두 display 특성이 강해 본문 역할 수행에 부적합하다.
대비·계층: 두 폰트 모두 400 weight이고 display 분류로 명확한 위계 대비가 부족하다. 시각적 강조가 필요한 제목-본문 구조를 만들기 어렵다.
추천 용도: 짧은 카피·슬로건 (3~5자)포스터·배너 (극도로 제한적)로고·브랜드 마크 (단독 사용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

비트로 프라이드·구기 모두 display 폰트이므로 본문용 영문 페어가 필수다. 중성적 sans-serif(Inter, Source Sans Pro)로 가독성을 확보하고, 제목 보조용으로는 기하학적 모던함(Manrope, Geist)을 선택해 한글 display의 강렬함을 받쳐줄 수 있다.

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

48~64px

32~40px

본문

14~16px

line-height

1.4

어울리는 색상

#1a1a1a

#ff6b35

#f5f1e8

어울리는 산업 톤

스타트업 임팩트라이프스타일 매거진

35제목 비트로 프라이드 · 본문 구기

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

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

+구기B=본문용

제작윤디자인상업 무료다운로드

현대적이면서도 따뜻한 브랜드를 찾습니다

구기는 display 폰트로 설계되어 긴 본문 텍스트 가독성이 떨어집니다. 둥근 형태와 높은 x-height로 인해 장문 읽기 시 피로도가 높으며, 비트로 프라이드도 본문용으로는 부적합합니다.

분위기: 비트로 프라이드의 기하학적·모던한 인상과 구기의 둥글고 친근한 분위기가 충돌하여 일관된 톤을 형성하지 못합니다. 두 폰트 모두 display 분류로 강한 개성을 가져 제목-본문 위계 구분이 어렵습니다.
대비·계층: 두 폰트 모두 weight 400으로 동일하여 시각적 대비가 거의 없습니다. display 폰트끼리의 조합으로 제목과 본문의 위계 차이가 명확하지 않아 정보 구조가 약합니다.
추천 용도: 짧은 카피·슬로건 (제목만 강조)포스터·배너 (두 폰트 모두 display용으로만 사용)어린이·교육 콘텐츠 (구기의 친근함 활용 제한적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

비트로 프라이드의 기하학적 모던함을 보완하려면 Manrope 같은 geometric sans가 적합하고, 본문은 중성적 가독성의 Inter나 Source Sans Pro로 대체해야 합니다. 구기와의 혼합은 권장하지 않습니다.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#e63946

#f5efe6

어울리는 산업 톤

스타트업 임팩트키즈·에듀테크

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');

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

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