한글 페어링 · 큐레이션

비트로 프라이드+동그라미재단 ㄱ체

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

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

A:비트로 프라이드· 제작 비트로|B:동그라미재단 ㄱ체· 제작 동그라미재단

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·동그라미재단 ㄱ체 가이드

평가 결과 · 2개 케이스

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

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

42제목 동그라미재단 ㄱ체 · 본문 비트로 프라이드

동그라미재단 ㄱ체A=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

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

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

따뜻한 마음으로 함께 만드는 디자인

비트로 프라이드는 display 폰트로 설계되어 긴 본문 텍스트 가독성이 떨어진다. 동그라미재단 ㄱ체는 제목용으로는 무난하나, 본문 역할 폰트의 가독성 부족이 전체 페어링 실용성을 저해한다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간적인 serif 특성과 비트로 프라이드의 강렬한 display 성격이 충돌하여 일관된 톤을 형성하기 어렵다. 제목-본문 위계에서 분위기 불일치가 두드러진다.
대비·계층: serif 제목과 display 본문의 구조적 대비는 존재하지만, 본문 폰트가 display 특성상 과도하게 주목을 끌어 정보 위계가 역전될 위험이 있다. 무게 선택지도 제한적(본문 400만)이어서 대비 조절 여지가 없다.
추천 용도: 짧은 문구 강조 (포스터, 배너 일부)제목만 필요한 디스플레이 용도본문이 극히 제한적인 인포그래픽

어울리는 영문 폰트

제목IBM Plex SerifSource SerifEB Garamond

본문InterSource Sans Pro

동그라미재단 ㄱ체의 serif 특성에 맞춰 serif 영문을 추천하며, 본문은 비트로 프라이드 대신 가독성 높은 sans-serif를 사용하여 페어링 실용성을 회복할 수 있다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2a2a2a

#d4a574

#f9f6f1

어울리는 산업 톤

공공기관 따뜻함교육 신뢰

42제목 비트로 프라이드 · 본문 동그라미재단 ㄱ체

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

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

+동그라미재단 ㄱ체B=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

새로운 시대의 따뜻한 손글씨를 만나보세요.

동그라미재단 ㄱ체는 본문용 세리프로 가독성이 충분하나, 비트로 프라이드의 디스플레이 특성(높은 대비·기하학적 구조)이 제목 위계를 명확히 하기에는 무게감이 부족하다.

분위기: 비트로 프라이드의 기하학적·모던한 디스플레이 톤과 동그라미재단 ㄱ체의 전통적·따뜻한 세리프 인상이 충돌한다. 제목과 본문 간 분위기 일관성이 약하다.
대비·계층: 두 폰트 모두 400 무게로 weight 대비가 거의 없고, 분류(display vs serif) 차이만으로는 정보 위계를 충분히 표현하지 못한다. 제목용 폰트가 더 강한 visual impact을 필요로 한다.
추천 용도: 문화·예술 매거진 (전통과 모던의 혼합 시도)제한적 에디토리얼 디자인 (짧은 제목+본문 조합)실험적 브랜딩 (분위기 충돌을 의도한 경우)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifLora

비트로 프라이드의 기하학적 모던함에는 sans-serif 계열의 geometric 영문이 어울리고, 동그라미재단 ㄱ체의 전통적 세리프 톤에는 따뜻한 serif 영문이 자연스럽다. 하지만 두 폰트 간 분위기 차이로 인해 합성 글꼴 사용 시 각각 별도의 영문 폰트 선택이 필수적이다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2a2a2a

#d4a574

#f9f6f1

어울리는 산업 톤

문화 에디토리얼전통공예 현대화

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 비트로 프라이드 또는 동그라미재단 ㄱ체의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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