한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

우리는 함께 더 멀리 나아갑니다

제목의 비트로 프라이드는 시선을 강하게 잡아끄는 임팩트가 뚜렷하고, 본문 동그라미재단 ㄱ체는 차분한 획 흐름으로 중·장문 읽기에 무리가 없습니다.

분위기: 비트로 프라이드의 강렬하고 자긍심 있는 디스플레이 톤이 동그라미재단 ㄱ체의 인문적이고 단정한 세리프와 만나 메시지성 강한 분위기를 만듭니다.
대비·계층: 디스플레이와 세리프라는 구조적 차이로 제목·본문 위계가 분명하며, 두 폰트 모두 400 기본 무게여도 형태 대비만으로 충분한 계층이 형성됩니다.
추천 용도: 캠페인 포스터 헤드라인사회공헌 브랜드 페이지비영리·공익 매거진 표지전시 그래픽 타이틀선언문·성명 비주얼

어울리는 영문 폰트

제목Playfair DisplayManropeGeist

본문Source SerifLora

제목에는 비트로 프라이드의 강한 인상을 받쳐줄 표현력 있는 디스플레이/모던 산스가 어울리고, 본문 세리프와는 인문적 무드의 라틴 세리프가 자연스럽게 합성됩니다.

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

44~56px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c8553d

#f5efe6

어울리는 산업 톤

사회공헌 캠페인공익재단 신뢰라이프스타일 매거진

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

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

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

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

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

기억의 결을 따라 마음을 잇다

제목의 ㄱ체는 부드러운 세리프로 시선을 잘 잡지만, 본문에 디스플레이 폰트인 비트로 프라이드를 쓰면 긴 글 가독성이 크게 떨어집니다.

분위기: 동그라미재단 ㄱ체의 인문학적 따뜻함과 비트로 프라이드의 강한 그래픽 개성이 한 화면에서 서로 다른 결을 만들어 톤 충돌이 발생합니다.
대비·계층: 세리프 vs 디스플레이라는 구조 대비는 강하지만, 본문 자체가 장식적이라 정보 위계가 흐트러집니다.
추천 용도: 문화재단 캠페인 포스터전시 그래픽 키비주얼한정판 굿즈 패키지브랜드 무드 보드

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair Display

본문InterIBM Plex Sans

ㄱ체의 인문학적 세리프 곡선은 클래식 라틴 세리프와 자연스럽게 어울리고, 본문은 중성적 산세리프로 가독성을 보완하는 편이 안전합니다.

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

36~44px

24~28px

본문

17~18px

line-height

1.7

어울리는 색상

#2b2118

#a8754b

#f3ecdf

어울리는 산업 톤

문화재단 따뜻함라이프스타일 매거진공예·전시 브랜딩

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